Amber Villa color palette — #FCF4E6 · #D9E6B5 · #F7B6D1 · #B59640 · #5F3B39
Mustard and Carnation set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FCF4E6): A whisper-light, dusty gold — the color of old brass.
- Celadon Mist (#D9E6B5): A whisper-light, dusty green — the color of a quiet forest floor.
- Carnation (#F7B6D1): A whisper-light, balanced rose — the color of strawberry cream.
- Mustard (#B59640): A luminous, balanced gold — the color of old brass.
- Cocoa (#5F3B39): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged light, 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
- Moss Quarry color palette (#F5F7E7, #CEF1C5, #F9BBA3, #68AE57, #633A2B)
- Timeworn Amber color palette (#FDF3ED, #EED8BE, #D7BFF6, #E07A54, #5D3A48)
- Softworn Lagoon color palette (#FAF5EA, #E4D599, #AFC5FF, #BEA74E, #5B4557)
- Amber Studio color palette (#FFF3E7, #E6DDB5, #93DFB9, #D38626, #454740)
- Hushed Basalt Alley color palette (#FAF4EB, #D9E0C6, #BCAE82, #8D774D, #4D3E00)
- Worn Atelier color palette (#F6F6EC, #C6DECB, #798E62, #4D4800, #1C1C10)
- Worn Workshop color palette (#F8F5E7, #C6EAC7, #80DCEE, #98A32A, #2B5038)
- Tempered Mustard Parlor color palette (#EBFAEE, #CBAC60, #C1839E, #876F35, #564561)
Browse the whole catalog at Explore, or see today's palette.