Amber Villa color palette — #E7FAF8 · #73B082 · #C6702E · #207841 · #583647

Coral Clay takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E7FAF8): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#73B082): A luminous, balanced teal — the color of sea glass.
• Coral Clay (#C6702E): A luminous, balanced gold — the color of afternoon light on wheat.
• Pine (#207841): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#583647): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Dusty Hollow color palette (#E8FAF3, #97A961, #D36160, #5D6F00, #603433)
• Amber Study color palette (#E1FBFE, #58B39A, #B87C00, #007761, #2D4B2E)
• Jade Terrace color palette (#D9FAF7, #4FBD76, #C56B98, #327449, #301E3D)
• Washed Bronze Bloom color palette (#E9FBED, #8DB19A, #8C6E1F, #684C1E, #2C4337)
• Pine Courtyard color palette (#E9F9F7, #74B07E, #3A90CF, #117A34, #214662)
• Patina Mint color palette (#F3F8E7, #6ECF94, #DA84B8, #439364, #59354A)
• Worn Coast color palette (#BDEFF5, #009B7E, #956500, #005C4A, #402900)
• Cobalt Atelier color palette (#DEFCFF, #2B9D82, #0084BF, #716C00, #1D3E41)

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