Hazy Cobalt color palette — #ECDCE2 · #87B8D9 · #3871CF · #00585E · #1B1744

Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#ECDCE2): a clean, paper-quiet neutral.
• Sky (#87B8D9): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#3871CF): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00585E): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#1B1744): 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 Hazy 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

• Petrol Canyon color palette (#F9EBF5, #67C1CD, #0080A8, #005B47, #00203E)
• Faded Cobalt color palette (#FEF4E4, #9CD3F9, #3B7CC7, #004F5D, #030235)
• Chalky Iris color palette (#F3E4D7, #97C7E5, #668EEA, #007D78, #240C4C)
• Soft Orchard color palette (#EEF1E5, #58A7DD, #005A99, #003B4E, #001D47)
• Chalky Cerulean Study color palette (#FFF0FB, #72DDF1, #0098D0, #007461, #063263)
• Antique Pier color palette (#B9EAF4, #65CFEE, #5D99FF, #307426, #002B36)
• Hushed Veranda color palette (#D1E8E9, #00AFAE, #007171, #003C3C, #000909)
• Iris Basin color palette (#FFF1F5, #BBE0FF, #6D97FA, #00818E, #3D376C)

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