Navy Villa color palette — #FADFD8 · #987C4C · #566B2F · #49356B · #2D1035

Built around Royal Purple, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FADFD8): A whisper-light, dusty orange — the color of toasted spice.
• Mocha (#987C4C): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive (#566B2F): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Purple (#49356B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#2D1035): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Tempered Villa color palette (#FEEAE2, #8D7C50, #426139, #3C215B, #260010)
• Weathered Navy Hollow color palette (#F8DFE3, #BD794E, #655E21, #16376F, #0A1E3F)
• Basalt Quarry color palette (#EDE0C9, #789359, #15746A, #5D2848, #360F1F)
• Weathered Villa color palette (#F0EFDD, #75843E, #2F5C25, #003538, #081B2D)
• Pale Moss color palette (#DEF2E6, #6F9044, #006336, #611838, #091300)
• Olive Harbor color palette (#E7E4C5, #929A65, #498632, #005E62, #00242D)
• Airy Boulevard color palette (#FFE8DD, #CBA454, #749766, #765297, #591E58)
• Sunlit Lagoon color palette (#E9EFD8, #5E6F00, #6827CA, #6700A2, #060900)

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