Frosted Villa color palette — #FDF7CB · #A0E3C3 · #58ADB0 · #387E9B · #374274
Navy takes the lead with Slate close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#FDF7CB): A whisper-light, dusty green — the color of fresh herbs.
- Mint (#A0E3C3): A whisper-light, balanced teal — the color of glacier melt.
- Turquoise (#58ADB0): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#387E9B): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#374274): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.
Use it as a design system
One click turns Frosted 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
- Hazy Glacier color palette (#DCFFEB, #7EE5E3, #60A4C7, #5C6D9A, #533D73)
- Faded Balcony color palette (#D6FFF9, #BDE8E8, #6CC4C1, #007DA2, #0E407A)
- Soft Navy color palette (#DFEDE5, #00B6B9, #007CAA, #2B4098, #31005D)
- Dusty Grove color palette (#FFF3E4, #CBD284, #75B285, #257D73, #005063)
- Powdered Turquoise color palette (#E7FDDF, #C6E8C5, #74C7CF, #00A5BE, #005168)
- Hushed Thicket color palette (#FFF2EE, #78D4A5, #609ABD, #8F6064, #3E4C3B)
- Hushed Cobalt Courtyard color palette (#9AF6D9, #00CDDB, #2385CF, #484A9C, #420B5F)
- Aubergine Workshop color palette (#D1F4EE, #00A3BF, #0059C3, #401097, #2B002E)
Browse the whole catalog at Explore, or see today's palette.