Misty Villa color palette — #FFF2F0 · #FF3498 · #009A94 · #007671 · #441F1C

Hot Pink and Fern set the tone — five colors that lean into energy and balance.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Hot Pink (#FF3498): A luminous, vivid rose — the color of a warm blush.
• Fern (#009A94): A luminous, balanced teal — the color of sea glass.
• Teal (#007671): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#441F1C): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Energy, Balance. Tagged vibrant.

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

• Frosted Station color palette (#FFE9E2, #F34663, #0090A8, #006C7F, #3A1E15)
• Fuchsia Harbor color palette (#FFF1F2, #FA5BEC, #008C41, #006E62, #412025)
• Quiet Quarry color palette (#FFF2EF, #FF5481, #008D67, #2F4EA2, #152A67)
• Airy Raspberry color palette (#F7F3FF, #B43FA1, #00738A, #004891, #3E1E38)
• Muted Boulevard color palette (#FFF2EB, #F17548, #4B99C2, #3C7695, #38312D)
• Feathered Harbor color palette (#FBF1FF, #FF8DB2, #3D9A27, #00728F, #36051A)
• Tempered Archive color palette (#FFF6CB, #FF7292, #9F7600, #005CA4, #50291D)
• Weathered Wisteria color palette (#FFF1F6, #BC8AFF, #008C3C, #007062, #322346)

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