Hazy Cobalt color palette — #F9F0E8 · #9ED9F9 · #3F84D7 · #006263 · #1C1E4C

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

The five colors

• Cream (#F9F0E8): a clean, paper-quiet neutral.
• Powder Blue (#9ED9F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#3F84D7): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006263): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#1C1E4C): 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

• Muted Cerulean color palette (#FCEFE9, #8AE0E7, #0091B4, #006548, #002743)
• Cobalt Meadow color palette (#FEF1F6, #9CD7F7, #4A7DD4, #00675E, #3F366B)
• Quiet Sapphire Ridge color palette (#FFEFDF, #6CC5FF, #1065EF, #005156, #160F41)
• Periwinkle Villa color palette (#EDF9EF, #B2E3FF, #61A0DE, #00808F, #293E6C)
• Powdered Cerulean color palette (#FAE9DD, #0097C5, #004A86, #002C2B, #02001D)
• Washed Lagoon color palette (#F1DFD7, #008991, #004255, #002015, #000104)
• Muted Drift color palette (#F8F0EB, #C3ECDF, #68A7B5, #63732F, #263B33)
• Patina Lagoon color palette (#F9F3D1, #A2B325, #8852CC, #586200, #2A0D48)

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