Hushed Cobalt color palette — #F0F6FA · #87CBE8 · #6177C9 · #227795 · #282E39

A conversation between Periwinkle and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Sky (#87CBE8): A luminous, dusty blue — the color of open sky before noon.
• Periwinkle (#6177C9): A full-bodied, balanced violet — the color of a velvet chair.
• Slate (#227795): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#282E39): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Aqua Dune color palette (#EAF4F7, #69D7DA, #9871A7, #238083, #161420)
• Ancient Studio color palette (#EDF6FF, #A0C5F0, #5F80C2, #4D5793, #474374)
• Antique Cobalt color palette (#FCF1FE, #8AAAD6, #6A71B0, #78485F, #3E4858)
• Patina Glacier color palette (#F0F8F0, #7AE5E9, #A38ED1, #509A9D, #352A2F)
• Hushed Terrace color palette (#F0F6FB, #D8DAE3, #B6ABB0, #5889A5, #4C5459)
• Grape Atelier color palette (#F2F5FE, #AEA5E5, #9F4B8C, #614DA8, #26212F)
• Soft Lapis color palette (#EDF6FF, #28AAFD, #4E43E3, #005B8D, #111B36)
• Lowlit Drift color palette (#DFEDF8, #00638A, #19007D, #002030, #00000F)

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