Amber Villa color palette — #DFF1E0 · #A78B23 · #795300 · #522A00 · #141300
Mustard and Coffee set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DFF1E0): A whisper-light, dusty green — the color of new leaves after rain.
- Mustard (#A78B23): A luminous, balanced green — the color of a quiet forest floor.
- Coffee (#795300): A full-bodied, balanced gold — the color of old brass.
- Espresso (#522A00): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#141300): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns 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
- Garnet Studio color palette (#F3D8E5, #A87C4F, #843F05, #5D1000, #150C00)
- Weathered Moss Workshop color palette (#F3DABA, #99912C, #7A5200, #682300, #1B2F0A)
- Chalky Moss color palette (#EFE8DB, #A18B00, #5D6800, #133B00, #00180B)
- Ancient Bronze Dune color palette (#D9E4D8, #896E20, #5D3C00, #381900, #060500)
- Amber Ridge color palette (#FDE6EE, #D17F00, #4B6600, #6D4000, #020400)
- Tempered Cocoa color palette (#E7F7EA, #91B5A1, #8A713A, #6A4210, #0B291F)
- Cocoa Thicket color palette (#E3FEE3, #C7BE5E, #A87200, #842D00, #0D1D00)
- Powdered Garnet color palette (#FAE1F0, #CA926A, #A54E2C, #791D21, #2A1700)
Browse the whole catalog at Explore, or see today's palette.