Hushed Cobalt color palette — #F4F6F0 · #C0E6DB · #578CCF · #256A8A · #563E54

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Celadon Mist (#C0E6DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#578CCF): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#256A8A): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#563E54): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Weathered Ridge color palette (#F4F6EF, #C5E5D6, #3894C5, #006E80, #235146)
• Weathered Alley color palette (#F8F0E9, #B4EADA, #768CBF, #166A75, #3C2331)
• Washed Mallow Lantern color palette (#FFF0FD, #E8D5D7, #C8BAFF, #5379A1, #584454)
• Frosted Parlor color palette (#FFF0FC, #6B84D3, #B1529E, #00777F, #443040)
• Cobalt Boulevard color palette (#BBE9FF, #5FB1E1, #007FC1, #0A5893, #563D56)
• Cobalt Station color palette (#F3F7E9, #A8D4F5, #0083DB, #00627F, #1D3F6F)
• Patina Market color palette (#FCF2F5, #D6DEFC, #8CA4D8, #48858E, #3E4664)
• Muted Thicket color palette (#E9FAF2, #5CAACE, #639C3A, #006F94, #334A24)

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