Hazy Amber Villa color palette — #F8DFD2 · #CD771C · #7F5200 · #4F3D00 · #322D00

Built around Mustard, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Parchment (#F8DFD2): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#CD771C): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7F5200): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#4F3D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Espresso (#322D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Powdered Villa color palette (#FFDAD8, #E66F00, #986800, #585000, #232F00)
• Terracotta Corridor color palette (#FDD5D5, #D96759, #A23700, #5B2E00, #2E2800)
• Soft Field color palette (#EDE2A9, #A78D27, #675700, #342900, #191300)
• Sapphire Pier color palette (#D1E4D4, #A37600, #3163C9, #5F4300, #06235F)
• Weathered Moss color palette (#E5E0C7, #868B00, #4F6100, #1C4500, #002E28)
• Hushed Olive color palette (#EAE2C6, #767200, #394600, #112800, #00120E)
• Frosted Chestnut Meadow color palette (#E0FAE8, #C2CB8F, #67A671, #814900, #363300)
• Patina Olive color palette (#C9F0D0, #C5B06D, #868300, #516400, #314E23)

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