Hushed Cobalt color palette — #F8EDE3 · #80B9DF · #4B73B9 · #00585E · #1B144A

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

The five colors

• Cream (#F8EDE3): bright and airy, almost weightless.
• Sky (#80B9DF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#4B73B9): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#00585E): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#1B144A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Wandering Petrol color palette (#ECDED8, #6BC1CD, #0080A8, #005B47, #00203F)
• Hushed Cornflower Studio color palette (#FEF1F6, #9FD3F7, #3474E2, #005156, #0B022F)
• Softworn Azure Thicket color palette (#E6E9E0, #93C7ED, #2396F3, #00789B, #001D47)
• Aged Denim Harbor color palette (#E3F3F2, #81A3C0, #005A98, #003B4E, #001D46)
• Quiet Cerulean color palette (#FFF2EB, #8AD9E9, #0098D0, #007461, #003167)
• Hushed Workshop color palette (#FFF3E7, #BCDFFF, #7C98E3, #008090, #3F3768)
• Teal Hollow color palette (#CDF1F2, #00AFAD, #007674, #00383C, #000B0D)
• Soft Pine color palette (#CBF6EE, #87CFE6, #87A2E8, #2C7E44, #002B2D)

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