Hazy Canyon color palette — #E4FAFF · #22F2E7 · #F99E9F · #329C95 · #542A2B

Lagoon and Rose Quartz set the tone — five colors that lean into balance.

The five colors

• Ivory (#E4FAFF): A whisper-light, dusty blue — the color of open sky before noon.
• Lagoon (#22F2E7): A whisper-light, balanced teal — the color of shallow lagoons.
• Rose Quartz (#F99E9F): A luminous, balanced red — the color of late-summer berries.
• Fern (#329C95): A luminous, balanced teal — the color of sea glass.
• Espresso (#542A2B): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Balance. Tagged light.

Use it as a design system

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

• Linen Seafoam color palette (#DFFCFB, #84EEB2, #EC9FC9, #3E9F6C, #502A3F)
• Apricot Field color palette (#EAF7FF, #8DE2FF, #FBA270, #2698B7, #4D2C3F)
• Gentle Ridge color palette (#E5F9FF, #38E9E6, #DB728A, #B47F4D, #152F36)
• Hushed Marigold color palette (#EDF6FF, #92CFFF, #EA9F08, #0083CA, #412900)
• Coral Canyon color palette (#E9F6E7, #68B3AE, #C57179, #00746F, #42171D)
• Worn Powder Bloom color palette (#E3FAFF, #D4DDE9, #A3BDDF, #B5A9AC, #32444E)
• Gentle Coast color palette (#E5F9FF, #2DD5FB, #EF4744, #00778F, #410003)
• Hushed Cobalt color palette (#EEF6FF, #FFDCD4, #4A7AA9, #233A52, #07101A)

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