Tempered Villa color palette — #F7EFF4 · #F6B094 · #9F7C48 · #9A614A · #111811
A conversation between Melon and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#F7EFF4): a clean, paper-quiet neutral.
- Melon (#F6B094): A luminous, balanced orange — the color of autumn markets.
- Mocha (#9F7C48): A luminous, balanced gold — the color of afternoon light on wheat.
- Walnut (#9A614A): A full-bodied, balanced orange — the color of toasted spice.
- Ink (#111811): quiet, heavy and certain.
Feels like: Optimism, Sophistication. Tagged duotone, 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
- Bronze Alley color palette (#FDF3EE, #E9B0A3, #858040, #9C5747, #302E27)
- Muted Mallow Workshop color palette (#F4F0F7, #F0ADC4, #AE7164, #975D72, #1D111A)
- Mustard Courtyard color palette (#EBF4EE, #DAC176, #768C50, #82703A, #0B1915)
- Stone Balcony color palette (#FFECF2, #E1BB81, #9B834B, #63581E, #2D2C00)
- Wandering Marigold Ridge color palette (#E7F7EA, #D3A15F, #857848, #2C5B5D, #223024)
- Hushed Dune color palette (#F8F3F9, #FDBEC6, #73AA85, #BD7480, #1D3231)
- Soft Marigold Station color palette (#FFECF2, #E69200, #6C7100, #7F4F00, #000D07)
- Weathered Studio color palette (#FAF3F9, #E5DBD4, #B0B471, #C38883, #14221C)
Browse the whole catalog at Explore, or see today's palette.