Amber Villa color palette — #F5DDD5 · #E1804F · #9E5700 · #684300 · #323D0B

Coral Clay and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F5DDD5): A whisper-light, dusty orange — the color of autumn markets.
• Coral Clay (#E1804F): A luminous, balanced orange — the color of toasted spice.
• Ochre (#9E5700): A full-bodied, balanced gold — the color of old brass.
• Bronze (#684300): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#323D0B): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Wandering Ember color palette (#FFE9EA, #E35F29, #985D00, #594100, #202000)
• Tangerine Orchard color palette (#FFE2E6, #FF7841, #BE6D00, #6E5500, #3B4312)
• Chestnut Loft color palette (#F3E5D7, #B0925B, #8D5500, #693311, #33302A)
• Misty Drift color palette (#F8E2E5, #E77A82, #C42A13, #762B00, #512B0B)
• Airy Cobalt color palette (#FCECDA, #BE7E29, #007FC6, #794A00, #103856)
• Wandering Meadow color palette (#ECE2CF, #B59B22, #686B00, #435600, #27421C)
• Pale Aubergine Delta color palette (#F7E1C5, #A26E00, #007C7E, #76408A, #3B2707)
• Washed Lime color palette (#FFF3E4, #E3DAA5, #95BB65, #955F40, #403C35)

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