Tempered Villa color palette — #FFE7F3 · #3FB6B0 · #3B7CB6 · #7C4525 · #023647
Built around Cerulean, softened by Turquoise — the whole palette hums with trust and stability.
The five colors
- Blush (#FFE7F3): A whisper-light, dusty rose — the color of pressed rose petals.
- Turquoise (#3FB6B0): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#3B7CB6): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#7C4525): A full-bodied, balanced orange — the color of toasted spice.
- Deep Teal (#023647): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, cool.
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
- Softworn Loft color palette (#FFE6F7, #52B986, #00859F, #863843, #003932)
- Aged Canyon color palette (#DEF6E3, #07B3D7, #656EC1, #6B5100, #13334B)
- Sunlit Pier color palette (#FFF3E8, #39D0C3, #0084CF, #7C3E00, #082915)
- Cocoa Orchard color palette (#DEF7FF, #00AAB1, #97578D, #803800, #3C2700)
- Amethyst Basin color palette (#F0E7A3, #00A6DB, #6F48E7, #574E00, #002950)
- Muted Orchard color palette (#FBE0EA, #009298, #0052B5, #542D00, #001A22)
- Cerulean Boulevard color palette (#DCF1FD, #008EAF, #304157, #10242F, #021014)
- Pine Market color palette (#FBF2F8, #B5DCE7, #42A4BB, #247E53, #1D3E56)
Browse the whole catalog at Explore, or see today's palette.