Tempered Brick color palette — #FFE7E7 · #FD7166 · #B63200 · #802F00 · #411900

A conversation between Brick and Watermelon, giving this palette its sense of optimism and warmth.

The five colors

• Rose Water (#FFE7E7): A whisper-light, dusty red — the color of embers at dusk.
• Watermelon (#FD7166): A luminous, vivid orange — the color of autumn markets.
• Brick (#B63200): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#802F00): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#411900): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Plum Studio color palette (#FBDFE6, #FD6A8E, #C12845, #860014, #470101)
• Rust Orchard color palette (#F2DDE4, #F27288, #C13000, #7F3B00, #5C3700)
• Tangerine Chapel color palette (#FFF1F6, #FFBBBF, #FF6542, #8F4900, #472B00)
• Amber Summit color palette (#F9E2D8, #D07D4A, #985100, #5D3600, #2B1800)
• Faded Ember Ridge color palette (#FFEEE5, #F26641, #9367D5, #A22900, #2B0450)
• Dusty Mustard Quarry color palette (#FFEEE1, #DEDAB8, #E5B851, #A05735, #391D00)
• Mulberry Canyon color palette (#FFDDCB, #CD5D00, #737D00, #9C2F79, #2B0E00)
• Powdered Lantern color palette (#F2D6EF, #E476C7, #BA338D, #7C004A, #470223)

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