Hazy Villa color palette — #FDE9FB · #0C59D7 · #655400 · #004038 · #110211

Cobalt takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FDE9FB): A whisper-light, dusty pink — the color of peonies in June.
• Cobalt (#0C59D7): A full-bodied, vivid violet — the color of twilight just after sunset.
• Coffee (#655400): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004038): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#110211): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Ultramarine Drift color palette (#F0E5F0, #1161C0, #824100, #094305, #100211)
• Sapphire Coast color palette (#F5E2F3, #3E6FD2, #616C00, #004E4F, #190918)
• Indigo Veranda color palette (#F3D7E7, #695BE5, #0E5508, #003D4C, #14010D)
• Hushed Grape color palette (#FFE7F1, #6419B8, #005130, #002D35, #03000D)
• Hushed Boulevard color palette (#FDE7EC, #8F46A7, #574400, #002C3A, #000D15)
• Dusty Pier color palette (#E3F4E7, #00727E, #804200, #00430D, #000B03)
• Pale Byzantium color palette (#F6DEE6, #9500E0, #006C4D, #003E67, #130022)
• Grape Workshop color palette (#F8D3DE, #852EB7, #96220D, #003D53, #2B101A)

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