Hazy Coast color palette — #CBEAD2 · #00818D · #00479D · #410063 · #22000D

A conversation between Indigo and Royal Purple, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#CBEAD2): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#00818D): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#00479D): A full-bodied, balanced blue — the color of open sky before noon.
• Royal Purple (#410063): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#22000D): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Hazy Coast 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

• Hazy Ultramarine Pier color palette (#E2F8EB, #0091B0, #284CC6, #550076, #330018)
• Wandering Nightshade Study color palette (#C3EBDB, #007BAD, #4F18BA, #500040, #240100)
• Hushed Onyx color palette (#C9F2EE, #49ABB2, #007795, #3A3475, #320651)
• Timeworn Navy Market color palette (#D7E7C9, #008667, #005667, #03048C, #1A0027)
• Denim Delta color palette (#CEE9D0, #008286, #004C8D, #302E00, #001309)
• Feathered Aubergine color palette (#F9E7F6, #4865B7, #6D107D, #500016, #130800)
• Soft Clover Summit color palette (#F3F9DE, #00B946, #007A7C, #6B0068, #151300)
• Hushed Aubergine color palette (#EBF5EF, #6EA6B7, #5B70A5, #633674, #401823)

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