Amber Villa color palette — #F2DAE2 · #C48460 · #5D6B41 · #2A4361 · #28132A

A conversation between Caramel and Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F2DAE2): A whisper-light, dusty rose — the color of strawberry cream.
• Caramel (#C48460): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#5D6B41): A full-bodied, dusty green — the color of a quiet forest floor.
• Navy (#2A4361): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#28132A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Cypress Meadow color palette (#FFE5DF, #AE8C58, #3D7853, #4A2F3E, #311827)
• Taupe Summit color palette (#EDE1FF, #BB8089, #816536, #0D3F5F, #00231B)
• Aged Navy Pier color palette (#F7E8FF, #C7967C, #867C4F, #445C7B, #36315E)
• Weathered Bronze Atelier color palette (#F6D4DA, #A1702F, #3A562E, #2C234E, #200515)
• Ancient Drift color palette (#F6DBC9, #B89263, #7E5E15, #465204, #193E2E)
• Worn Summit color palette (#FFEAE8, #BB6100, #714D00, #3B3800, #111900)
• Faded Ultramarine Pier color palette (#F2E2D1, #C07E21, #474ABD, #643C00, #0B043D)
• Hushed Amber color palette (#FAEFD0, #B89300, #5F5400, #312500, #070600)

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