Hazy Cobalt color palette — #CDE6D8 · #69B1DA · #578CD2 · #7C5086 · #401835

Azure and Graphite set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#CDE6D8): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#69B1DA): A luminous, balanced blue — the color of deep harbor water.
• Azure (#578CD2): A luminous, balanced blue — the color of deep harbor water.
• Graphite (#7C5086): A full-bodied, balanced pink — the color of peonies in June.
• Deep Indigo (#401835): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, muted.

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

• Antique Iris Coast color palette (#CEE7FF, #8AA3D9, #8480BE, #854D6B, #3F1C15)
• Patina Teal Balcony color palette (#CBF0E7, #45B2B4, #3F90A2, #575895, #2B1944)
• Frosted Powder color palette (#D8E5F2, #99B9FF, #948FD6, #A56488, #641B32)
• Muted Turquoise Lagoon color palette (#CDF0E2, #60B5C2, #4F6E97, #5E3309, #260918)
• Weathered Petrol color palette (#CCE9D0, #559EA2, #3E6EA1, #723F1B, #352300)
• Frosted Turquoise color palette (#C5E8EF, #00AACE, #0081A9, #005F84, #001E34)
• Pewter Veranda color palette (#E4E7FF, #8B7BB7, #7F5292, #75272F, #280600)
• Washed Cobalt color palette (#CCE5FC, #60B5FF, #0089DD, #005799, #000916)

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