Amber Villa color palette — #FFF3E8 · #E37E00 · #7E7C00 · #00663E · #5E0222
A conversation between Tangerine and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Tangerine (#E37E00): A luminous, vivid gold — the color of afternoon light on wheat.
- Olive Leaf (#7E7C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#00663E): A full-bodied, balanced teal — the color of shallow lagoons.
- Mulberry (#5E0222): A deep, shadowed, balanced red — the color of embers at dusk.
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
- Hazy Studio color palette (#F2DDCA, #BF7100, #5F6B00, #004F3D, #420003)
- Washed Emerald color palette (#FEF4E1, #B59A00, #009126, #006262, #531D00)
- Aged Blush Coast color palette (#FFF2EE, #FF557A, #AA6400, #525C00, #510C4C)
- Faded Marigold Alley color palette (#FFE7D4, #FB9E36, #B57800, #855E00, #554100)
- Hushed Market color palette (#F6EFE0, #877400, #006517, #003B3A, #001421)
- Pale Moss Quarry color palette (#ECEACB, #749C00, #007B63, #005062, #361E00)
- Feathered Courtyard color palette (#FFF2EB, #FFD4D1, #FFB092, #DD7C00, #5D2709)
- Washed Ember Basin color palette (#FBEADF, #D85A00, #65380C, #3A1E09, #1C0D06)
Browse the whole catalog at Explore, or see today's palette.