Hazy Denim color palette — #C4ECD0 · #60AED2 · #307BBA · #364DA1 · #473F6E

Indigo and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#C4ECD0): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#60AED2): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#307BBA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#364DA1): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#473F6E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.

Use it as a design system

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

• Hushed Denim color palette (#DDF3D0, #5CB4B8, #00839C, #005D8A, #27436A)
• Timeworn Terrace color palette (#CAE8FF, #72B5EB, #1C7FDB, #2A4D87, #1E2F4A)
• Aubergine Garden color palette (#BDF1E3, #92B0ED, #7670C0, #614395, #593D65)
• Airy Azure color palette (#C5E8FF, #76BEF4, #3297F2, #476FAE, #583A55)
• Tempered Cabin color palette (#FFF0FB, #A2B4E4, #5E68B0, #32388E, #202D5E)
• Frosted Ultramarine color palette (#FCF1FC, #80A2CF, #A88335, #1364BD, #563E00)
• Worn Station color palette (#FFF0FE, #EBD4D2, #E4B5CF, #2485A1, #5E4052)
• Lapis Station color palette (#DAE9F4, #048FF6, #3B2FF8, #4A00A6, #4A0567)

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