Tempered Veranda color palette — #F5D6CF · #D47553 · #B14D00 · #6F3700 · #403200

Terracotta takes the lead with Coral Clay close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F5D6CF): A whisper-light, dusty orange — the color of toasted spice.
• Coral Clay (#D47553): A luminous, balanced orange — the color of sun-warmed clay.
• Terracotta (#B14D00): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#6F3700): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#403200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Powdered Ember Cabin color palette (#FFE5E7, #E56249, #9F4100, #633A00, #271B00)
• Chestnut Market color palette (#F8E4D4, #B58D6C, #994B00, #633623, #342F2A)
• Timeworn Amber Lantern color palette (#FCE1E7, #FF9B95, #DC794A, #9C6500, #443700)
• Brick Summit color palette (#F9E0E1, #E07375, #C5181D, #892200, #5C2E1A)
• Mulberry Courtyard color palette (#F7E0CA, #AE6500, #517B00, #99275B, #3D260C)
• Aged Atelier color palette (#FFEADB, #CD7238, #9C51C2, #893E00, #422950)
• Tempered Loft color palette (#F7EFE2, #B58D0E, #876E00, #514800, #1D3A14)
• Ancient Lagoon color palette (#FFF3E6, #E8D0AC, #C4B45A, #905727, #46413B)

Browse the whole catalog at Explore, or see today's palette.