Navy Villa color palette — #F0DDE0 · #986A55 · #574E0D · #102862 · #220C33

Navy takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F0DDE0): A whisper-light, dusty red — the color of embers at dusk.
• Walnut (#986A55): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#574E0D): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#102862): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#220C33): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Navy 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

• Washed Cocoa color palette (#E5DAEA, #A16A72, #6A3500, #003141, #161940)
• Aubergine Meadow color palette (#EDDAD3, #8C7649, #335B02, #3E0263, #3B0825)
• Softworn Amber Coast color palette (#F5E3E2, #BC874F, #707838, #384E7D, #0D1C3E)
• Tempered Loft color palette (#FFECD6, #7D652E, #474400, #002E22, #000D0C)
• Pale Nightshade color palette (#DCF3E0, #795900, #4814C1, #3B2900, #0F0038)
• Washed Amber color palette (#F9E6D0, #A68832, #676100, #004E3B, #00201E)
• Timeworn Workshop color palette (#F3E8D5, #65917B, #3C603B, #581C65, #4E1620)
• Gentle Nightshade color palette (#F4EACA, #5D4A00, #0F00C3, #340081, #0B0700)

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