Amber Villa color palette — #E8DFCD · #B99B00 · #868100 · #445900 · #183700
A conversation between Mustard and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Bone (#E8DFCD): A whisper-light, dusty gold — the color of honey in a jar.
- Mustard (#B99B00): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#868100): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#445900): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#183700): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Amber Coast color palette (#F2E4DC, #BC8900, #646400, #364B00, #003D21)
- Patina Amber color palette (#EDE0D8, #E78600, #9B6C00, #644D00, #383000)
- Fern Chapel color palette (#FEEBC6, #C9C78D, #94A05C, #677F4B, #4B5302)
- Quiet Mint color palette (#EBFEC7, #ABF1A6, #00D2B9, #958300, #1F400F)
- Hushed Courtyard color palette (#F0F3D0, #7FBE00, #3F9500, #00632D, #003A27)
- Olive Courtyard color palette (#E2E0CB, #677400, #314C00, #062F01, #000F05)
- Weathered Lime Lantern color palette (#CDF7A1, #97C900, #608800, #2E5200, #0E1F00)
- Dusty Plum color palette (#E7EEDA, #7D9A00, #0088CD, #C80A65, #1F2800)
Browse the whole catalog at Explore, or see today's palette.