Dusty Villa color palette — #E5FBF4 · #82B596 · #318778 · #395C81 · #344D4E

A conversation between Fern and Peacock, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E5FBF4): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#82B596): A luminous, dusty teal — the color of glacier melt.
• Fern (#318778): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#395C81): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#344D4E): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Dusty Turquoise color palette (#E8FAF7, #5FB7C0, #36819E, #5D5277, #354B56)
• Olive Veranda color palette (#EAF9F1, #A9AD6F, #5D8442, #00666E, #354E46)
• Tempered Driftwood Grove color palette (#EFF7F5, #A0CBC4, #668C6E, #4D6E66, #3C524F)
• Mint Study color palette (#FFECF5, #87BC75, #288889, #69445C, #1B3030)
• Timeworn Ash color palette (#E1FBFF, #A6C9D4, #77A0B5, #636D87, #53495B)
• Dusty Ridge color palette (#D7FFF6, #00A28D, #006E73, #2C3795, #003F3A)
• Hushed Lagoon color palette (#EAF9F9, #AFE4EA, #86E9C0, #3FB7AF, #2E4B4E)
• Weathered Oat Harbor color palette (#FEF0FE, #C1DBA2, #80BAC0, #A87D95, #324E4D)

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