Tempered Villa color palette — #F4EAF5 · #6DABAB · #00617B · #004117 · #001F41
Built around Forest, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Blush (#F4EAF5): bright and airy, almost weightless.
- Blue Fog (#6DABAB): A luminous, dusty teal — the color of sea glass.
- Peacock (#00617B): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004117): A deep, shadowed, balanced green — the color of fresh herbs.
- Midnight (#001F41): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Wandering Archive color palette (#EADBE3, #7EA4BC, #1356A3, #003F36, #1D134B)
- Wandering Teal color palette (#E7E1D8, #5AACAB, #006470, #003B2C, #000D13)
- Petrol Harbor color palette (#F5EBF2, #91B8C9, #006FA3, #005237, #172861)
- Softworn Spruce color palette (#EEE5EF, #528C89, #004453, #022502, #000A18)
- Washed Emerald Delta color palette (#D6E3D7, #469B5C, #00542F, #002110, #000F01)
- Wandering Cobalt Balcony color palette (#CEEEE5, #78C4AB, #008DD1, #5E4B00, #00291D)
- Cerulean Studio color palette (#FFEBE4, #53D7D4, #00A2C7, #397E40, #00203E)
- Dusty Pine Field color palette (#F9F3F8, #BFE3F1, #5D91B0, #10744C, #334868)
Browse the whole catalog at Explore, or see today's palette.