Hazy Ridge color palette — #F4F4FF · #F4C4FE · #D380C0 · #A74580 · #5F2E3C

A conversation between Magenta Rose and Bubblegum, giving this palette its sense of creativity and warmth.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Thistle (#F4C4FE): A whisper-light, balanced pink — the color of neon signs at night.
• Bubblegum (#D380C0): A luminous, balanced pink — the color of peonies in June.
• Magenta Rose (#A74580): A full-bodied, balanced rose — the color of pressed rose petals.
• Mulberry (#5F2E3C): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Creativity, Warmth, Comfort, Balance. Tagged warm.

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 Delta color palette (#ECD4FF, #D68ADF, #A8599C, #804666, #623946)
• Worn Byzantium Courtyard color palette (#F1F5FF, #D1CBFF, #B290E2, #88499A, #573053)
• Pale Veranda color palette (#F8F2FF, #FFD0E3, #DD7A8C, #AD3E48, #5D2A23)
• Powdered Wisteria color palette (#ECECFF, #C08EE6, #A85A93, #783549, #401A16)
• Rust Grove color palette (#F8F2FF, #F3D4D1, #EF9BA7, #B0615E, #68465F)
• Feathered Thicket color palette (#EEE0EF, #BE5BB6, #910065, #520027, #0E0002)
• Dusty Courtyard color palette (#FFE1FC, #FF81CE, #E50081, #A3003C, #51000D)
• Hazy Courtyard color palette (#F8F2FF, #FAC0E3, #7BD09C, #C461A3, #014425)

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