Tempered Villa color palette — #F4F3E0 · #98DB00 · #17A2FA · #6EA000 · #001611
Chartreuse and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4F3E0): A whisper-light, dusty green — the color of new leaves after rain.
- Chartreuse (#98DB00): A luminous, vivid green — the color of fresh herbs.
- Cornflower (#17A2FA): A luminous, vivid blue — the color of a favorite pair of jeans.
- Olive Leaf (#6EA000): A luminous, vivid green — the color of new leaves after rain.
- Ink (#001611): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged duotone, vibrant.
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
- Hushed Quarry color palette (#F7F2E0, #CCCB00, #00A9DE, #959400, #00141E)
- Antique Mint color palette (#EEF5E0, #00E78C, #878BFF, #00A965, #0D0B2E)
- Airy Chartreuse Archive color palette (#F2F5D8, #6CEC33, #AE99FF, #368E00, #13092C)
- Quiet Clover Quarry color palette (#D7FAF7, #00CD59, #0083AC, #007F34, #00141E)
- Plum Atelier color palette (#FFDADB, #00D08B, #0099D8, #BD2B48, #00302E)
- Antique Mint Pier color palette (#F0F9E5, #00E5A2, #008E9D, #007F58, #000202)
- Celadon Archive color palette (#F5F6ED, #BDEFA8, #AFB0F0, #91B880, #372931)
- Magenta Orchard color palette (#E6EFDD, #1EE3B3, #C165C2, #00A07C, #1B050A)
Browse the whole catalog at Explore, or see today's palette.