Misty Villa color palette — #FFD9D9 · #A67453 · #6C6100 · #353B72 · #28133D

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

The five colors

• Shell Pink (#FFD9D9): A whisper-light, dusty red — the color of a theater curtain.
• Mocha (#A67453): A luminous, dusty gold — the color of old brass.
• Olive (#6C6100): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#353B72): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#28133D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Chalky Fern color palette (#F5E2DD, #967D56, #406826, #422A66, #3F0525)
• Hushed Villa color palette (#F6E8F3, #9D7B99, #7B560C, #00446A, #1F0D3E)
• Feathered Amber color palette (#F9DDDA, #BE7B00, #586533, #3D213A, #000124)
• Feathered Ultramarine Villa color palette (#F7D9D9, #D89869, #87852F, #4053B8, #4D2B54)
• Aged Veranda color palette (#FAE6CB, #877533, #494F00, #00322A, #001A25)
• Fern Pier color palette (#D2E6D4, #89882B, #316100, #591B4B, #111000)
• Amber Garden color palette (#F1E6DC, #BD8A26, #7F7436, #2F624B, #002622)
• Airy Lapis color palette (#CEE9D6, #917400, #6136EB, #554300, #0F0038)

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