Amber Villa color palette — #F3E3F1 · #D0923D · #27447D · #0A1A3A · #0A0309

Mustard takes the lead with Navy close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#F3E3F1): A whisper-light, dusty pink — the color of neon signs at night.
• Mustard (#D0923D): A luminous, balanced gold — the color of old brass.
• Navy (#27447D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#0A1A3A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#0A0309): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Tempered Coral Garden color palette (#D7EFE7, #E48164, #0A4B72, #001E33, #000705)
• Mustard Drift color palette (#E4F0FF, #D2AF65, #416399, #1B355D, #0C1724)
• Timeworn Moss color palette (#F5E3EC, #85AF5A, #473A7A, #2D1121, #0B0306)
• Patina Moss color palette (#F8E4E6, #8B9700, #5F0E56, #21051E, #060001)
• Eclipse Navy color palette (#F7DAF2, #8B7800, #091A71, #01002B, #030003)
• Worn Stone color palette (#FCEDF3, #B5CD97, #7B5366, #3E2A33, #1A1115)
• Softworn Pewter color palette (#F8EFF3, #E3D2CE, #CCAFAE, #635E88, #291C23)
• Faded Aubergine Grove color palette (#F8DAE9, #53AE00, #46009F, #18073B, #090004)

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