Tempered Villa color palette — #EDF8F5 · #9BCCC6 · #638C70 · #466E71 · #3C524F

Fern and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF8F5): a clean, paper-quiet neutral.
• Stone (#9BCCC6): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#638C70): A luminous, dusty teal — the color of glacier melt.
• Teal (#466E71): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#3C524F): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Softworn Pine color palette (#E8FAF5, #97BB93, #3E8455, #366071, #2D4845)
• Aged Turquoise color palette (#EFF7F6, #D0DFF2, #46A8BB, #2C7D79, #3E5663)
• Patina Balcony color palette (#FAF5E7, #C2DAAF, #79A88C, #718374, #535000)
• Aged Teal Orchard color palette (#EFF6FF, #96AFE7, #56AC8D, #5871A9, #2B5557)
• Aged Jade Pier color palette (#D5F2F1, #34A881, #006A58, #004965, #003727)
• Fern Drift color palette (#D8EADF, #8E9054, #4D5D00, #00493D, #023123)
• Muted Peony Meadow color palette (#F1F5FF, #918FD5, #BC6C92, #308297, #3C4254)
• Worn Pine Cabin color palette (#D4F6F1, #0A8047, #00432D, #002731, #001507)

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