Hazy Villa color palette — #FFF1F1 · #DC87B8 · #CE724D · #4C894E · #2C1326

A conversation between Coral Clay and Bubblegum, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bubblegum (#DC87B8): A luminous, balanced pink — the color of neon signs at night.
• Coral Clay (#CE724D): A luminous, balanced orange — the color of autumn markets.
• Fern (#4C894E): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#2C1326): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged jewel, vibrant, warm.

Use it as a design system

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

• Tempered Fuchsia Terrace color palette (#FFF1F3, #DD8CD3, #C86B7A, #638325, #04261E)
• Blush Quarry color palette (#FFF2ED, #F28189, #A29431, #008861, #2A121E)
• Mallow Grove color palette (#F6F0CD, #C5A8FE, #CF7898, #00877D, #49232C)
• Powdered Station color palette (#FFECF0, #DC92E5, #A6942B, #0A8556, #003239)
• Aged Emerald color palette (#FFF2EA, #FF8250, #1CB058, #009085, #301B3F)
• Muted Lilac color palette (#FFF0F8, #9E93F3, #C871AB, #8A6B00, #06250F)
• Weathered Villa color palette (#FCF3ED, #ECB198, #B79D68, #4A979A, #402930)
• Wandering Amber Station color palette (#F6E7D2, #D18400, #878C00, #006B8B, #290707)

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