Misty Villa color palette — #F3DDED · #C6A930 · #3A4DB8 · #171C78 · #060A2E

Built around Cobalt, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Blush (#F3DDED): A whisper-light, dusty pink — the color of neon signs at night.
• Gold (#C6A930): A luminous, balanced green — the color of new leaves after rain.
• Cobalt (#3A4DB8): A full-bodied, vivid violet — the color of twilight just after sunset.
• Navy (#171C78): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#060A2E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged luxury, dark, cool.

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

• Linen Ultramarine color palette (#F0F5FF, #D9C600, #2A47C2, #0A174D, #00000C)
• Softworn Grape color palette (#FBDAE8, #74C25D, #6D29C2, #3A0670, #14052A)
• Timeworn Apricot color palette (#C9EEE3, #F48C4E, #005F98, #003050, #001120)
• Grape Station color palette (#FFF1F6, #92CD84, #7550B2, #471E7B, #2C0F1E)
• Feathered Orchard color palette (#FDD8F1, #FF9FAB, #6366FD, #404686, #1C0616)
• Linen Aubergine Atelier color palette (#FCE4E6, #829E49, #6D1C6A, #310030, #090001)
• Feathered Nightshade Meadow color palette (#D8E5FF, #E65C7C, #2700AB, #0F0456, #040D28)
• Aubergine Alley color palette (#F7E5EE, #5F8215, #2F0076, #07001E, #060003)

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