Amber Villa color palette — #FFEFEE · #F3A887 · #BB7E28 · #7C6912 · #4A5124

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

The five colors

• Ivory (#FFEFEE): bright and airy, almost weightless.
• Melon (#F3A887): A luminous, balanced orange — the color of autumn markets.
• Mustard (#BB7E28): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#7C6912): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#4A5124): A full-bodied, 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 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

• Ancient Marigold color palette (#FFE6D6, #FFB986, #E79200, #9D791A, #4F4B45)
• Antique Amber Villa color palette (#FFDDED, #F8A5AF, #D27C64, #92581D, #57491B)
• Wandering Pier color palette (#FFDEC7, #DAB46C, #A29832, #627B34, #284F36)
• Basalt Balcony color palette (#FFF3E5, #CDBC93, #A78965, #885D50, #433F00)
• Tempered Canyon color palette (#F6E6E0, #EA8C00, #927800, #485900, #0F4300)
• Faded Bronze Boulevard color palette (#FEF4DF, #C8B873, #58AFE2, #94801E, #154763)
• Tempered Corridor color palette (#F3DCC8, #816B00, #454600, #063202, #000A05)
• Wandering Bronze color palette (#FEDBD4, #C05F00, #6B4C00, #3A3800, #0C1600)

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