Hazy Ridge color palette — #E0FEEC · #6EC9E5 · #D591BE · #A69300 · #0B3321

Mustard and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E0FEEC): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#6EC9E5): A luminous, balanced blue — the color of open sky before noon.
• Mauve (#D591BE): A luminous, balanced pink — the color of peonies in June.
• Mustard (#A69300): A luminous, balanced green — the color of a quiet forest floor.
• Deep Forest (#0B3321): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged 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

• Wisteria Balcony color palette (#E9FBE6, #5FD0C7, #C192EA, #C18337, #1B3217)
• Aqua Thicket color palette (#E1FEEB, #21D3F5, #F6996F, #C38F3E, #283E30)
• Tempered Bloom color palette (#FEF0FF, #8ABFFB, #E48E98, #75A14E, #362338)
• Wandering Olive Summit color palette (#FEF0FD, #8BB2F9, #CF8C5B, #747900, #2F1D2E)
• Tempered Bronze color palette (#FFF3E5, #F0D9B6, #B9976E, #8F5D3D, #34312B)
• Sunlit Quarry color palette (#FFF1F7, #AF93EF, #D37D35, #00937D, #1F1434)
• Worn Corridor color palette (#E7FBEF, #C0E8EF, #CEC2C3, #58B3B7, #304B41)
• Hushed Orchard color palette (#E1F6FF, #009FB5, #B16B45, #935B3D, #09212B)

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