Tempered Villa color palette — #F0F4E6 · #21C674 · #0072A8 · #006D3C · #000D08
A conversation between Clover and Slate, giving this palette its sense of nature and growth.
The five colors
- Cream (#F0F4E6): bright and airy, almost weightless.
- Clover (#21C674): A luminous, vivid teal — the color of glacier melt.
- Slate (#0072A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006D3C): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000D08): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Sapphire Canyon color palette (#EEF4E9, #22C29E, #0069CB, #006B56, #120313)
- Lime Study color palette (#F4F3E2, #92B900, #007983, #4E6500, #000D03)
- Weathered Teal color palette (#EFF9EA, #00BC9F, #007088, #006554, #072316)
- Worn Amethyst color palette (#ECF5E9, #00C2AE, #8431DC, #006A5F, #16020B)
- Mint Parlor color palette (#E4FBF9, #44DA81, #3B83ED, #008F4B, #0B1D34)
- Pale Teal color palette (#FFEEE4, #00A893, #006997, #6B2400, #03230B)
- Misty Ultramarine Alley color palette (#E2E7DB, #2CA576, #0042CD, #005438, #060006)
- Cypress Lantern color palette (#EFF3ED, #C7DCD9, #9FCABB, #007C6F, #1E2919)
Browse the whole catalog at Explore, or see today's palette.