Hushed Cobalt color palette — #CCEEF7 · #557AAA · #5C4472 · #313A00 · #0A1500

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

The five colors

• Frost (#CCEEF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#557AAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#5C4472): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#313A00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0A1500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, 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

• Patina Cobalt color palette (#D3F2FF, #587BBE, #573865, #1A2100, #020200)
• Washed Cerulean color palette (#D2E3E0, #2685A8, #49537B, #492811, #260D00)
• Worn Orchard color palette (#DCE0F4, #93699A, #72444D, #003621, #001A0E)
• Wandering Grove color palette (#DADDFA, #6A5C88, #572F64, #40030C, #260600)
• Wandering Abyss Coast color palette (#E5EBF8, #A08CB5, #895E59, #15533A, #033623)
• Denim Harbor color palette (#FAEBE0, #6A9AB0, #00599F, #003B3A, #04002D)
• Softworn Pine color palette (#F1F0DC, #41855E, #005148, #003042, #000803)
• Aubergine Corridor color palette (#FFE7F3, #6A51C1, #4C6200, #3F0091, #040700)

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