Hushed Cobalt color palette — #F0F5FF · #B3DDC1 · #687AB4 · #3E4D68 · #262C35

Slate takes the lead with Celadon Mist close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Celadon Mist (#B3DDC1): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#687AB4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#3E4D68): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#262C35): quiet, heavy and certain.

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

• Driftwood Dune color palette (#FCF2F9, #D0DECD, #7884AD, #543E4F, #21181F)
• Cerulean Summit color palette (#F0F6FC, #EDC3DB, #5382A9, #345069, #242C34)
• Weathered Pewter color palette (#F5F4FD, #BBCE8B, #8D5E90, #533755, #22202C)
• Coral Studio color palette (#F2F5FC, #C1CFFE, #D87D86, #7688C9, #342A35)
• Wandering Sand color palette (#FAF2F9, #F0DCB1, #B492AE, #7C6478, #322730)
• Softworn Boulevard color palette (#F4F5FB, #DFD8DF, #C6B0B0, #9498C0, #515259)
• Tempered Courtyard color palette (#E5FBF4, #C0B3F1, #BF7A98, #417C6C, #47455A)
• Weathered Amber Delta color palette (#F0F5FF, #9AA6E5, #C68D60, #5C875B, #363D4B)

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