Tempered Veranda color palette — #F5DAE5 · #FE708E · #C53001 · #823D00 · #573400

Brick takes the lead with Rose close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F5DAE5): A whisper-light, dusty rose — the color of a warm blush.
• Rose (#FE708E): A luminous, vivid red — the color of late-summer berries.
• Brick (#C53001): A full-bodied, vivid orange — the color of sun-warmed clay.
• Bronze (#823D00): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#573400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Energy, 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

• Gentle Delta color palette (#FFE9EC, #F16F57, #BC5200, #764400, #4C3A00)
• Antique Crimson Terrace color palette (#F2DFEE, #F575AB, #CE1B45, #991312, #662A00)
• Linen Ember color palette (#FBD8D8, #FE8982, #F13E14, #A63500, #672800)
• Airy Harbor color palette (#FDE8E7, #E66F67, #C11B00, #762200, #411600)
• Coral Corridor color palette (#FDE6EE, #FFA3B2, #FF684A, #C45300, #593800)
• Pale Ember color palette (#FFF2EB, #EB6240, #008CB0, #A42800, #004154)
• Gentle Boulevard color palette (#FFE6E1, #BF4C00, #744100, #3D2C00, #112005)
• Bronze Delta color palette (#FFEEE8, #D79767, #9F6C17, #6F5900, #4E4E25)

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