Tempered Villa color palette — #F2E7F3 · #6BA9A7 · #006279 · #003D0A · #000B1B
Forest takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F2E7F3): bright and airy, almost weightless.
- Blue Fog (#6BA9A7): A luminous, dusty teal — the color of glacier melt.
- Peacock (#006279): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003D0A): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#000B1B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Denim Station color palette (#F5E5EE, #5BA8C1, #005A9D, #003B2F, #08002F)
- Dusty Cerulean color palette (#FEF4E3, #8EDCD7, #008A97, #00543C, #000F15)
- Washed Forest color palette (#EEDCD7, #7AC0BC, #00829D, #085E10, #00203C)
- Weathered Coast color palette (#FFEBF6, #79C8E4, #0073CC, #005344, #15094B)
- Aged Forest color palette (#F6EFF6, #C1E3EF, #5F95B1, #276E46, #172D48)
- Navy Atelier color palette (#EBD8DE, #507EA0, #222B8C, #001F1F, #020007)
- Cerulean Bloom color palette (#E1E8DB, #68C6B2, #0098C6, #6C4A00, #001608)
- Dusty Workshop color palette (#D9E7DA, #2F983A, #015612, #00230C, #000200)
Browse the whole catalog at Explore, or see today's palette.