Amber Villa color palette — #FFF1F5 · #FBC999 · #54CCED · #C27500 · #00404E

Mustard takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Wheat (#FBC999): A whisper-light, balanced gold — the color of old brass.
• Sky (#54CCED): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#C27500): A luminous, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#00404E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged light.

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

• Airy Amber color palette (#EEF9EF, #F3CE90, #A1B7FF, #B27F00, #2A355F)
• Ember Basin color palette (#FFF0FC, #FFC3BA, #42D3CF, #E45144, #004241)
• Tempered Pewter color palette (#FFF0F8, #C7E7C8, #C39176, #94565C, #17392B)
• Azure Field color palette (#E5FCEB, #D2B970, #37BECD, #00A1C8, #0F331E)
• Ancient Apricot Loft color palette (#FFECF5, #E08C54, #3098CD, #8E542C, #082A40)
• Tempered Atelier color palette (#ECF9F1, #B5EBDE, #837640, #423807, #03140A)
• Worn Blush color palette (#FFF0F9, #C4EEFB, #98AEC9, #E092A4, #543943)
• Dusty Atelier color palette (#FFF1F5, #E5E1C4, #CD9550, #8D4D00, #2A1600)

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