Hushed Cobalt color palette — #F0F6FF · #A8D0B2 · #586FA9 · #2E406E · #1B222D

Slate and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F6FF): a clean, paper-quiet neutral.
• Pistachio (#A8D0B2): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#586FA9): A full-bodied, balanced violet — the color of wild irises.
• Navy (#2E406E): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#1B222D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Hushed Cobalt into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Tempered Study color palette (#EDF6FF, #E0B6CE, #4177A2, #174669, #17232E)
• Patina Field color palette (#F3F4FF, #74D1A3, #7E4DAE, #482866, #18182D)
• Dusty Denim Field color palette (#FCF1FA, #C4AB77, #3A4E85, #3F223B, #26171A)
• Timeworn Sand color palette (#F0F6FF, #F5D081, #8094C3, #526481, #1B222E)
• Worn Lagoon color palette (#FFF0FC, #FFE399, #5E75A8, #463043, #160B15)
• Quiet Cobalt Harbor color palette (#F0F6FD, #9FC7FE, #C5785A, #4280D4, #311C2A)
• Tempered Terrace color palette (#F3F5FB, #DED8DD, #CDBBC1, #9680CB, #454752)
• Driftwood Garden color palette (#E3FBFB, #96B2E5, #AF6D9C, #007466, #343B5A)

Browse the whole catalog at Explore, or see today's palette.