Washed Villa color palette — #FFF2EC · #93B18D · #338588 · #854246 · #3C5009

Deep Olive and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sage (#93B18D): A luminous, dusty green — the color of fresh herbs.
• Teal (#338588): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#854246): A full-bodied, balanced red — the color of embers at dusk.
• Deep Olive (#3C5009): A full-bodied, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Muted Garnet Hollow color palette (#F8F5EA, #979D66, #487598, #803946, #543F00)
• Antique Mulberry Ridge color palette (#FFF2E9, #A9AC7E, #3B876E, #794569, #484841)
• Dusty Chestnut color palette (#FFF3E6, #6DB7B0, #4E7CA3, #7C4D12, #374E3E)
• Olive Lantern color palette (#F6F6EC, #BDC4AC, #738869, #70681B, #475409)
• Hushed Pier color palette (#FDF5DD, #C9D0BF, #819A85, #8D665D, #724500)
• Airy Veranda color palette (#FFF2EB, #00A573, #006B83, #7B2200, #003F39)
• Teal Villa color palette (#E2F7F1, #6DBEA1, #268984, #3C5279, #153134)
• Seafoam Study color palette (#FFF0F9, #A0E3AD, #69BDCA, #9783A3, #314D50)

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