Hazy Ridge color palette — #E2F6FF · #00CF8A · #009DC8 · #7648C3 · #00233A

Violet and Clover set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E2F6FF): A whisper-light, dusty blue — the color of open sky before noon.
• Clover (#00CF8A): A luminous, vivid teal — the color of shallow lagoons.
• Cerulean (#009DC8): A luminous, balanced blue — the color of deep harbor water.
• Violet (#7648C3): A full-bodied, vivid violet — the color of a velvet chair.
• Midnight (#00233A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged candy, vibrant, light, 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

• Chalky Studio color palette (#DBF8FF, #97C963, #00A6B4, #5D4DC4, #002631)
• Weathered Ridge color palette (#EAF5FF, #00D09A, #008DDF, #8B398D, #031F43)
• Sunlit Azure color palette (#ECF7FF, #77E8AC, #23B0F8, #9252A4, #173450)
• Soft Station color palette (#D4F5E2, #00C5BE, #009CCA, #2154E0, #00101B)
• Wandering Cornflower Field color palette (#E2F4FF, #36DACB, #00BFF3, #4E86FF, #002236)
• Weathered Sapphire color palette (#D3E2FD, #00A0A5, #1E65F9, #770058, #0C002C)
• Petrol Pier color palette (#D3F2DD, #759FB2, #656399, #4C4918, #1E3910)
• Muted Petrol color palette (#F7EAF6, #7ABFC4, #007298, #00532B, #0F2C59)

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