Amber Villa color palette — #F8D8D1 · #DE7300 · #8E5D00 · #544200 · #1F1F00

A conversation between Tangerine and Ochre, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F8D8D1): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#DE7300): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#8E5D00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#544200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#1F1F00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Airy Amber Pier color palette (#FFDBDA, #DA815E, #925E00, #554700, #074023)
• Ancient Taupe Terrace color palette (#EEDDC9, #AC9845, #865A11, #5A321E, #1D1800)
• Hushed Amber Workshop color palette (#FFF2EA, #FFAC56, #C88000, #7D5700, #3E2D00)
• Marigold Boulevard color palette (#FFD9BF, #E39D38, #8C7800, #52540A, #2F2D06)
• Washed Rose color palette (#FFE2E7, #EC5A64, #B14221, #6A3600, #2E1E00)
• Quiet Sapphire Lantern color palette (#F9E6CD, #D19224, #3F67C5, #734C00, #0D1A39)
• Moss Delta color palette (#ECE0CC, #A28E00, #5E6D00, #254900, #00220D)
• Dusty Workshop color palette (#DEEFFE, #FF9493, #B57700, #291903, #0C0702)

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