Misty Villa color palette — #DBF1DF · #0080B1 · #2C25A9 · #330E00 · #000104

Indigo and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DBF1DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0080B1): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#2C25A9): A deep, shadowed, vivid violet — the color of wild irises.
• Onyx (#330E00): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Creativity, Energy, Balance. Tagged retro.

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

• Patina Lagoon color palette (#F3E9D5, #00878E, #00476E, #3A0010, #000102)
• Twilit Navy color palette (#EDE6D3, #00606D, #140090, #191400, #000204)
• Midnight Station color palette (#E0F1FF, #006EA5, #650063, #240F00, #000200)
• Timeworn Sapphire color palette (#F4EAD5, #3462FF, #5E0092, #271800, #01000A)
• Charred Nightshade color palette (#FADFE2, #0056A7, #24008D, #320020, #00052D)
• Shadow Navy color palette (#DEE7F3, #004B96, #141118, #04001F, #000104)
• Lapis Courtyard color palette (#ECE2C7, #0098B5, #4F56CC, #584500, #000D18)
• Petrol Pier color palette (#E1F4E5, #64C4EA, #006EA5, #003D41, #00020B)

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