Tempered Veranda color palette — #F7E1EA · #C0AB81 · #A47452 · #854544 · #1A372C
A conversation between Coffee and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Rose Water (#F7E1EA): A whisper-light, dusty rose — the color of strawberry cream.
- Camel (#C0AB81): A luminous, dusty gold — the color of old brass.
- Mocha (#A47452): A full-bodied, dusty gold — the color of honey in a jar.
- Coffee (#854544): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Forest (#1A372C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Tempered Veranda 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
- Driftwood Ridge color palette (#D2F0E0, #A0B68F, #8A833B, #765328, #073838)
- Amber Studio color palette (#FFF3E8, #E2C385, #BE7640, #834242, #282106)
- Ancient Chestnut color palette (#F6E4D5, #AD9170, #8D5422, #6B301B, #33302A)
- Driftwood Ridge color palette (#E9FBE9, #9EC9B3, #A88A5D, #7F5D72, #24443E)
- Garnet Dune color palette (#FBDDE7, #9F8B42, #895100, #6D1D10, #121900)
- Aged Fern color palette (#E0F4EA, #D5AD77, #6A6618, #3A3704, #0A1A13)
- Oat Summit color palette (#FDF1F9, #E5BFCB, #AF91A5, #7F6D85, #394D41)
- Antique Mustard Harbor color palette (#ECF9F0, #CEB24D, #3986C3, #886F00, #0A1A27)
Browse the whole catalog at Explore, or see today's palette.