Hazy Ridge color palette — #D9FFF2 · #00C775 · #00927D · #0D5E9C · #003E40

Clover takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D9FFF2): A whisper-light, dusty teal — the color of glacier melt.
• Clover (#00C775): A luminous, vivid teal — the color of sea glass.
• Fern (#00927D): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#0D5E9C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003E40): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Dusty Alley color palette (#DAFFEF, #63C300, #00955B, #006484, #213D20)
• Pale Jade Loft color palette (#DEFCFC, #00B87B, #00869A, #2C4FA2, #2E3500)
• Feathered Jade color palette (#D6E6B7, #00AD79, #007A70, #1D477F, #002A2D)
• Worn Aqua color palette (#DEFDF8, #00C9D1, #3793AE, #655B8C, #26414C)
• Linen Emerald color palette (#FFF4DE, #35A54C, #006F68, #622476, #04402A)
• Frosted Hollow color palette (#EAF9F6, #8EEEF1, #00AFC1, #008379, #004855)
• Dusty Lagoon Corridor color palette (#CEEDEF, #009D7A, #005149, #022D30, #061414)
• Tempered Lantern color palette (#DDFDF5, #8FCE87, #3D9C5E, #58733F, #274224)

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