Hazy Villa color palette — #FFF3E4 · #C58200 · #008AB3 · #4413E1 · #150A00
A conversation between Iris and Mustard, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Mustard (#C58200): A luminous, balanced gold — the color of afternoon light on wheat.
- Cerulean (#008AB3): A full-bodied, balanced blue — the color of deep harbor water.
- Iris (#4413E1): A full-bodied, vivid violet — the color of a velvet chair.
- Ink (#150A00): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Creativity, Energy, Balance. Tagged vibrant.
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
- Grape Drift color palette (#FFF4DF, #C19D25, #0077AC, #6A00C5, #120C00)
- Faded Alley color palette (#FFF2EB, #F15908, #00918A, #0051A8, #1D0400)
- Aubergine Courtyard color palette (#FFF4E0, #B78A00, #006F8C, #4A0087, #0E0000)
- Aubergine Canyon color palette (#FCF6D9, #94A431, #4860B5, #7D0086, #070900)
- Nightshade Harbor color palette (#FFF4E2, #B5B000, #008A35, #3A00C2, #141C00)
- Tempered Nightshade Lantern color palette (#CEEFCC, #8D5C00, #006280, #30189F, #2E1B00)
- Ultramarine Terrace color palette (#F9E2D1, #9F5500, #2C38E4, #1C2B8F, #150700)
- Airy Byzantium Basin color palette (#FFF5D7, #C4BB2A, #0C82EB, #9924B3, #1E1C00)
Browse the whole catalog at Explore, or see today's palette.