Tempered Villa color palette — #E8FAF3 · #82B089 · #007B66 · #005A70 · #1B4524
A conversation between Teal and Peacock, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E8FAF3): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#82B089): A luminous, dusty green — the color of fresh herbs.
- Teal (#007B66): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005A70): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#1B4524): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, 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
- Washed Fern color palette (#FFF1F5, #7CA68D, #596B2C, #3B4875, #1A3E2B)
- Aubergine Pier color palette (#D3F4E6, #6CA265, #006B50, #5F2274, #073903)
- Muted Market color palette (#DFFCFA, #74D0A7, #009D80, #287773, #124344)
- Chalky Grove color palette (#EBFAEA, #AFA55D, #547606, #005F4D, #433B02)
- Hushed Field color palette (#ECF8F4, #A7C8C6, #578D81, #68617E, #365352)
- Aged Canyon color palette (#FAF7DA, #92E4A8, #3CBCA4, #5792A8, #3A3B35)
- Pale Cobalt Archive color palette (#FEF1F8, #9ED8F0, #2484CD, #006762, #2D3D6C)
- Dusty Courtyard color palette (#DAECE2, #557831, #004326, #30084D, #081300)
Browse the whole catalog at Explore, or see today's palette.