Tempered Brick color palette — #FFEBE4 · #E18C74 · #B22E00 · #5F1600 · #1E0100

Built around Brick, softened by Salmon — the whole palette hums with warmth and comfort.

The five colors

• Cream (#FFEBE4): A whisper-light, dusty orange — the color of sun-warmed clay.
• Salmon (#E18C74): A luminous, balanced orange — the color of sun-warmed clay.
• Brick (#B22E00): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#5F1600): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1E0100): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Feathered Tangerine color palette (#FFF2EF, #F7835C, #A14325, #5F1D02, #450F02)
• Timeworn Pier color palette (#FFECF0, #E789A1, #B33058, #63052B, #1D0009)
• Softworn Apricot Canyon color palette (#FFEEDC, #D69854, #905700, #492900, #170A00)
• Timeworn Ember Alley color palette (#FFF2EB, #FFCBBC, #DF603F, #812A11, #1F0200)
• Linen Ember color palette (#FFF2EE, #FF997D, #C96343, #7C351C, #3D0C05)
• Hushed Rust Corridor color palette (#FFDFCD, #C35900, #733200, #350F00, #040100)
• Patina Mustard Market color palette (#FFEEE6, #EBD6B1, #DCB65A, #924F5C, #391F0E)
• Misty Ridge color palette (#F8F1E7, #C9963D, #1A790E, #714D00, #060700)

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