Hushed Cobalt color palette — #FDF1F8 · #FAE3B4 · #6D70A8 · #313163 · #190914

A conversation between Slate and Navy, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Peach Cream (#FAE3B4): A whisper-light, dusty gold — the color of honey in a jar.
• Slate (#6D70A8): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#313163): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#190914): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, 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

• Petrol Orchard color palette (#EDF8F3, #FBE2AF, #437E9D, #003E57, #01140D)
• Tempered Driftwood Thicket color palette (#FEF1F4, #CFDDCD, #947AA2, #603945, #26161B)
• Iris Hollow color palette (#FCF2F9, #D8DA9E, #7F90D5, #56608B, #2A1D27)
• Washed Stone color palette (#EAF3FF, #A9BD75, #3C5482, #19283D, #080D14)
• Quiet Ridge color palette (#FFF1F2, #FED274, #994988, #530047, #170003)
• Iris Summit color palette (#FAF3F6, #EDD4EC, #D2829C, #9175D7, #1F0C0A)
• Hazy Grape color palette (#FFF1F6, #EFBB3E, #6F30AB, #2B004D, #020006)
• Timeworn Fern color palette (#FFF4E2, #E8B9ED, #C17A8C, #4C6F31, #47272A)

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