Tempered Brick Garden color palette — #FFE5EE · #EC566D · #C72100 · #713500 · #160B00

Brick and Scarlet set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFE5EE): A whisper-light, dusty rose — the color of strawberry cream.
• Scarlet (#EC566D): A luminous, vivid red — the color of embers at dusk.
• Brick (#C72100): A full-bodied, vivid orange — the color of toasted spice.
• Bronze (#713500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#160B00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

One click turns Tempered Brick Garden 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

• Airy Terracotta color palette (#EFDCFA, #D04882, #A71100, #452400, #110E00)
• Amber Market color palette (#F6DCD9, #DD6E2F, #995A00, #5D4200, #100D00)
• Hushed Rose Pier color palette (#E7DECB, #E83E6C, #A34B00, #005449, #1F0001)
• Plum Quarry color palette (#EFDEE3, #B31745, #651100, #230D00, #020100)
• Tempered Crimson color palette (#FBDCD3, #E8214D, #676900, #004D54, #0C001E)
• Soft Ember Lantern color palette (#F1E0E3, #FF9B94, #EE6400, #9C5B00, #362600)
• Washed Corridor color palette (#F9EDEB, #BAAE9F, #A4967B, #A9506A, #1F0F0C)
• Plum Chapel color palette (#E9DBF6, #C75EC8, #B43189, #8E003E, #1C0002)

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