Tempered Villa color palette — #E6FAFA · #7AC09F · #B36A4C · #755600 · #001B16
A conversation between Mocha and Coffee, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#E6FAFA): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#7AC09F): A luminous, balanced teal — the color of sea glass.
- Mocha (#B36A4C): A full-bodied, balanced orange — the color of sun-warmed clay.
- Coffee (#755600): A full-bodied, balanced gold — the color of honey in a jar.
- Ink (#001B16): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, Sophistication. Tagged jewel, vibrant, 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
- Muted Rust Cabin color palette (#E9F9F5, #85AD67, #C0626E, #854100, #001C0E)
- Amber Summit color palette (#E8F9FC, #70CEC6, #BC7556, #6B5C00, #033517)
- Quiet Chapel color palette (#E7F9FF, #54B3BB, #A17500, #4C5D00, #001F22)
- Softworn Veranda color palette (#E2FAFF, #00A596, #8D5400, #4B4600, #000A03)
- Peony Basin color palette (#E9F8FC, #26DDD9, #D06588, #7A833C, #142B30)
- Hushed Azure Villa color palette (#EDF6FF, #4BA6E7, #688020, #005A40, #001018)
- Terracotta Market color palette (#E6F6EF, #007FB2, #99413A, #692824, #131504)
- Chestnut Grove color palette (#EEF9EE, #008281, #7C5100, #414900, #292F1E)
Browse the whole catalog at Explore, or see today's palette.