Hushed Cobalt color palette — #FCF3ED · #A8CFBE · #367BC2 · #00605F · #4B3045

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Pistachio (#A8CFBE): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#367BC2): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00605F): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#4B3045): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Muted Cerulean color palette (#FFF2EC, #96D1D6, #0085A8, #006248, #1E3D58)
• Faded Indigo color palette (#FBF4ED, #A5D3FF, #5675E5, #006472, #403863)
• Petrol Veranda color palette (#F4F6ED, #9EDEFF, #5E9DC7, #007990, #17433A)
• Ancient Atelier color palette (#FAF4F0, #CAE7E6, #719EC8, #267D79, #5F4C5B)
• Bronze Thicket color palette (#FDDEC6, #B95D00, #00779B, #30599C, #3F240C)
• Tempered Workshop color palette (#F0F7F2, #C1E6FF, #7FB8EA, #2A9CA9, #253A5F)
• Pale Cobalt color palette (#FBEBDE, #C37941, #0083B4, #844200, #003B53)
• Weathered Cerulean color palette (#FAEBE4, #24A1AC, #005269, #003123, #001529)

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