Tempered Brick color palette — #E4DDF6 · #BA5FAD · #A8343E · #603800 · #1F2200

A conversation between Garnet and Hot Pink, giving this palette its sense of nature and growth.

The five colors

• Thistle (#E4DDF6): A whisper-light, dusty violet — the color of a velvet chair.
• Hot Pink (#BA5FAD): A luminous, balanced pink — the color of neon signs at night.
• Garnet (#A8343E): A full-bodied, balanced red — the color of late-summer berries.
• Bronze (#603800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#1F2200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Brick Drift color palette (#FFF1F3, #BF6CCA, #B2203D, #503000, #0D0030)
• Chalky Plum Grove color palette (#F0E1F8, #BA4276, #893400, #3F3100, #041700)
• Chalky Ridge color palette (#E8DBF6, #CE509D, #AA3519, #563E00, #260651)
• Brick Archive color palette (#F2E1F1, #BB1736, #653900, #282900, #000B03)
• Weathered Mulberry Parlor color palette (#D8E0FC, #8474D8, #973A7D, #7A180A, #002139)
• Wandering Chestnut color palette (#F3DAEE, #B19FC1, #9C6D73, #714F17, #254430)
• Terracotta Quarry color palette (#E6DDF0, #C05F9B, #A53C1C, #00437C, #2D014D)
• Obsidian Terracotta color palette (#FDE1F0, #903900, #453600, #062200, #060003)

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