Weathered Villa color palette — #F5F1EA · #C9E1DC · #7EA790 · #5D7352 · #213D32

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

The five colors

• Cream (#F5F1EA): a clean, paper-quiet neutral.
• Silver (#C9E1DC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#7EA790): A luminous, dusty teal — the color of glacier melt.
• Olive (#5D7352): A full-bodied, dusty green — the color of new leaves after rain.
• Forest (#213D32): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Worn Driftwood color palette (#E5F7EC, #BDE5E7, #E3C5DD, #748D71, #263C32)
• Cerulean Coast color palette (#F7F1E8, #C6E5CF, #5098B3, #1F6C64, #0A3429)
• Timeworn Teal Coast color palette (#EBE2D5, #57ACAF, #006373, #003B2F, #000D14)
• Worn Turquoise Bloom color palette (#E2F8EA, #50AABF, #AB7CA0, #88783A, #172D20)
• Ancient Loft color palette (#F5F1EA, #C9E1E2, #AC91B0, #387580, #422F3F)
• Petrol Summit color palette (#E9F6EC, #71C2CE, #C9897E, #00808E, #362F2C)
• Washed Lagoon color palette (#FBF3F0, #C3DFE5, #9ACED0, #6B9F80, #5B445A)
• Cerulean Bloom color palette (#EAE0D1, #2F8597, #004259, #001F1E, #000104)

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