Tempered Villa color palette — #F3E5AF · #00C4EA · #996AFF · #806A00 · #002B4A
A conversation between Amethyst and Cyan, giving this palette its sense of nature and growth.
The five colors
- Peach Cream (#F3E5AF): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#00C4EA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Amethyst (#996AFF): A luminous, vivid violet — the color of a velvet chair.
- Walnut (#806A00): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#002B4A): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged retro, 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
- Iris Villa color palette (#FFDDC7, #00CAC9, #6E8CFF, #994C00, #002E3B)
- Magenta Hollow color palette (#D3EFBD, #61B8FF, #D25BE6, #447300, #1C2158)
- Faded Station color palette (#FDE1A8, #149FF7, #6853D9, #773A00, #0C2753)
- Peony Coast color palette (#E9F4CE, #9FB7FF, #CE75A8, #4B835E, #442534)
- Gentle Raspberry color palette (#C9E7DB, #7C8AFF, #C33682, #00654E, #1E0931)
- Periwinkle Balcony color palette (#FFF3E8, #B0E1FF, #7EA9FF, #009890, #362366)
- Glacier Bloom color palette (#FAF5E4, #8BDDFF, #B7A3D6, #8E8F64, #4F4350)
- Scarlet Veranda color palette (#D2F1DF, #25C6EE, #E13700, #6F6B00, #272500)
Browse the whole catalog at Explore, or see today's palette.