Amber Villa color palette — #FCF4E8 · #B8914D · #44769A · #6E445D · #5A3738
A conversation between Mustard and Slate, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FCF4E8): a clean, paper-quiet neutral.
- Mustard (#B8914D): A luminous, balanced gold — the color of afternoon light on wheat.
- Slate (#44769A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#6E445D): A full-bodied, dusty pink — the color of a candy shop window.
- Cocoa (#5A3738): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Hushed Lantern color palette (#F6F6E9, #7EA566, #7B6496, #764341, #6B2E14)
- Aged Stone color palette (#F5F6E9, #97BE87, #499D93, #39708E, #514017)
- Ancient Cocoa Cabin color palette (#FFF3E2, #CCD1AC, #8B9D8B, #7B6766, #7D431D)
- Timeworn Ash color palette (#FBF3EE, #C3F0EE, #7E9CBF, #437B6E, #5F4C58)
- Weathered Workshop color palette (#E5F6F3, #81A97A, #358079, #22526B, #352400)
- Ultramarine Balcony color palette (#FFF4DB, #907E00, #1D4AC7, #790031, #590F26)
- Tempered Iris color palette (#F0F8EF, #E3C199, #60BCB0, #9A74B7, #593C15)
- Dusty Atelier color palette (#FBF4EC, #C5C492, #828740, #895B1F, #5E4B00)
Browse the whole catalog at Explore, or see today's palette.