Hushed Cobalt color palette — #F2F5FB · #DBD8DE · #C4BBC6 · #6370A7 · #434851

A conversation between Slate and Stone, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Silver (#DBD8DE): bright and airy, almost weightless.
• Stone (#C4BBC6): a calm mid-gray that lets other colors speak.
• Slate (#6370A7): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#434851): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Dusty Petrol color palette (#EEF2F8, #DCD6E0, #CBB7C6, #60759E, #262C35)
• Abyss Cabin color palette (#F1F5FF, #BDB8D7, #8A7A93, #4F7061, #275964)
• Washed Thicket color palette (#F6F3FD, #E3D4DE, #C9B4CD, #954694, #413D4E)
• Ancient Indigo Balcony color palette (#E2E4F0, #7E5EAD, #342D48, #1C1D2E, #0E0B13)
• Aged Terrace color palette (#FAF2F8, #E8D7D7, #BEB0A4, #BB8F82, #4E444B)
• Tempered Boulevard color palette (#EFE9F2, #BFB5BF, #A38397, #7C1040, #26192B)
• Dusty Iris Workshop color palette (#E9FAED, #8C91D2, #81588A, #604B00, #363B57)
• Aged Harbor color palette (#F2F4FF, #D1D0E2, #AC9FC3, #6928C5, #2D3149)

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