Tempered Veranda color palette — #FFF2EE · #E0DACE · #9ABECD · #C49592 · #7C401F
Built around Bronze, softened by Taupe — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E0DACE): a clean, paper-quiet neutral.
- Ash (#9ABECD): A luminous, dusty blue — the color of deep harbor water.
- Taupe (#C49592): A luminous, dusty orange — the color of autumn markets.
- Bronze (#7C401F): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Tempered Cocoa color palette (#FFF3E4, #D9E5C7, #A0D3BE, #B88D6B, #624700)
- Ancient Stone Drift color palette (#FCF1FD, #E8D6D8, #DFAFC2, #ABBDB5, #594855)
- Weathered Bronze Studio color palette (#FDF4E9, #D8C9AE, #B09776, #9C6734, #584500)
- Apricot Harbor color palette (#FFF3E8, #D59D74, #6CA6B1, #667AA1, #5B3100)
- Softworn Orchard color palette (#FFF2EB, #E1DBC5, #E8CA70, #D46F7D, #663B1B)
- Chestnut Archive color palette (#FFE8D1, #C9BB84, #8FAA66, #934822, #2B1C00)
- Weathered Bronze Delta color palette (#FDF3EC, #E4CEAA, #A76E41, #723E09, #322923)
- Hushed Bronze color palette (#FFE5E1, #DC926E, #A37400, #832F4A, #220500)
Browse the whole catalog at Explore, or see today's palette.