StyleSeed home

Semantic color system · 8 maintained recipes

Choose color by job,
not by mood alone.

Each recipe binds the content canvas, navigation chrome, text, actions, status, focus, and generated-media anchors. StyleSeed recommends one from the selected grammar and morphology; project colors can override it only after revalidation.

Normal text ≥ 4.5:1Focus ≥ 3:1Color never acts alone
Canvas
Surface
Chrome
Primary
Accent
Focus

01 · quiet-mineral

Quiet mineral

light

Calm consumer products, health, benefits, and personal utilities

Let warm neutrals carry most of the canvas. Reserve green for the primary action and current-state reassurance; keep coral below ten percent.

Recommended with

calm-consumernative-mobile

Generated media

Anchor #F3F0E8 · #276B5E · #D56A45

Avoid neon blue · rainbow gradients · blue-purple AI glow

Canvas
Surface
Chrome
Primary
Accent
Focus

02 · deep-lime-studio

Deep lime studio

dark

Creative work, focused productivity, and high-craft prototypes

Use lime for selection and one decisive action, never as body text. Layer chrome one step lighter than the canvas; let generated imagery remain low-luminance.

Recommended with

creative-professionalexpressive-brand

Generated media

Anchor #0B0D0F · #B8FF5A · #7AA7FF

Avoid pure-white bloom · multicolor neon · lime on light backgrounds

Canvas
Surface
Chrome
Primary
Accent
Focus

03 · cobalt-instrument

Cobalt instrument

light

Developer platforms, data products, and operational workbenches

Use neutral layers for evidence and cobalt for action/selection. Violet belongs to secondary categorization, not a second primary action.

Recommended with

developer-platformenterprise-workbench

Generated media

Anchor #101828 · #175CD3 · #F1F5FA

Avoid cyan terminal glow · decorative gradients · low-contrast gray text

Canvas
Surface
Chrome
Primary
Accent
Focus

04 · warm-clay-commerce

Warm clay commerce

light

Commerce, hospitality, booking, and human service brands

Let product imagery and warm paper carry identity. Clay marks purchase intent; violet is reserved for saved or personalized context.

Recommended with

commerce-operatorcalm-consumer

Generated media

Anchor #FFF8F2 · #A64005 · #2B201B

Avoid orange sale walls · high-saturation red urgency · generic purple gradient

Canvas
Surface
Chrome
Primary
Accent
Focus

05 · civic-blue

Civic blue

light

Public services, regulated applications, and consequential workflows

Use blue for institution and primary action, green only for confirmed success, and amber focus with a visible outline. Pair every status with text.

Recommended with

public-serviceenterprise-workbench

Generated media

Anchor #003078 · #F3F5F7 · #00703C

Avoid pastel minimalism · glass navigation · color-only status

Canvas
Surface
Chrome
Primary
Accent
Focus

06 · editorial-ink

Editorial ink

light

Research, journalism, reports, and authoritative reading

Use ink and paper for the reading field. Red marks editorial emphasis sparingly; blue owns links and focus.

Recommended with

editorial-authoritypublic-service

Generated media

Anchor #F5F1E8 · #111111 · #8F2C21

Avoid fake newspaper texture · sepia photos · card-grid chrome

Canvas
Surface
Chrome
Primary
Accent
Focus

07 · signal-coral

Signal coral

light

Expressive launches, social products, and consumer discovery

Let coral own the hook and selected moment. Violet supports spatial or media context; never let both compete as primary actions.

Recommended with

expressive-brandnative-mobile

Generated media

Anchor #FFF3EC · #C83D2C · #5B3EC8

Avoid pink-purple gradient wash · rainbow icon chips · coral body text

Canvas
Surface
Chrome
Primary
Accent
Focus

08 · nocturne-violet

Nocturne violet

dark

Media, AI, experimental professional tools, and immersive utilities

Use violet for primary control and mint for creation/progress. Keep media dark enough to preserve chrome and avoid synthetic AI-glow overload.

Recommended with

creative-professionaldeveloper-platform

Generated media

Anchor #0D0B16 · #A98BFF · #4BE0C3

Avoid electric blue haze · purple gradient headlines · white bloom behind text

Recommendation is executable

Studio binds one recipe to every direction.

See palettes in Studio