Amber Villa color palette — #FCEDF5 · #CE7043 · #4D7209 · #004A55 · #22163A

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

The five colors

• Blush (#FCEDF5): bright and airy, almost weightless.
• Coral Clay (#CE7043): A luminous, balanced orange — the color of autumn markets.
• Olive (#4D7209): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#004A55): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#22163A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, 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

• Weathered Garden color palette (#F6EFF9, #C76C8E, #7D6000, #004C42, #121A40)
• Pine Meadow color palette (#ECF5EC, #BD9554, #1B855D, #255073, #2A213D)
• Ember Archive color palette (#FFF2EC, #CF644E, #006F82, #004D73, #213958)
• Apricot Thicket color palette (#FFF2EA, #E7885C, #589054, #2F6386, #4F2845)
• Navy Harbor color palette (#F7D6E1, #A06100, #005B3F, #00246C, #22000E)
• Aged Ridge color palette (#EADBE1, #AA5F10, #1E3824, #201017, #090508)
• Sunlit Navy Grove color palette (#DBF5E9, #6E7000, #005151, #1E0077, #1C000A)
• Aubergine Courtyard color palette (#E0F9EA, #958300, #006965, #301991, #34000F)

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