Tempered Villa color palette — #F9DDDB · #CB6A35 · #7E5600 · #4D4200 · #273A00
Pumpkin and Coffee set the tone — five colors that lean into nature and growth.
The five colors
- Shell Pink (#F9DDDB): A whisper-light, dusty orange — the color of toasted spice.
- Pumpkin (#CB6A35): A luminous, balanced orange — the color of toasted spice.
- Coffee (#7E5600): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#4D4200): A deep, shadowed, dusty green — the color of fresh herbs.
- Forest (#273A00): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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 Veranda color palette (#FCD9CD, #D38E53, #866700, #4D5200, #274302)
- Timeworn Bronze color palette (#F7DACB, #A97300, #534B00, #2A3100, #002504)
- Gentle Rose Station color palette (#F8E5EC, #D15E6C, #933A00, #593900, #372D00)
- Timeworn Quarry color palette (#ECDFCD, #8C8C4A, #704F00, #5C2300, #122B06)
- Linen Sapphire Alley color palette (#ECDCC2, #9F7800, #3A63C4, #5D4500, #092163)
- Gentle Moss Orchard color palette (#F9EDDE, #A38E00, #566D00, #004924, #003238)
- Terracotta Studio color palette (#FFEFDA, #B0CE93, #00AA9F, #9A3F32, #343101)
- Fuchsia Summit color palette (#F0DAE1, #DB94FF, #978100, #222D13, #1E1400)
Browse the whole catalog at Explore, or see today's palette.