Tempered Brick color palette — #FFF2F0 · #FF7971 · #CC0A0D · #750305 · #490103

Brick and Salmon set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Salmon (#FF7971): A luminous, vivid orange — the color of sun-warmed clay.
• Brick (#CC0A0D): A full-bodied, vivid orange — the color of toasted spice.
• Oxblood (#750305): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#490103): A deep, shadowed, balanced orange — the color of autumn markets.

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

• Timeworn Scarlet Grove color palette (#FFF1F0, #FFBCB7, #FF7962, #C94046, #500005)
• Plum Coast color palette (#FFF1F3, #F97C9B, #BB0053, #780033, #520020)
• Chalky Courtyard color palette (#FFF2EC, #FA8D58, #A24300, #632800, #401600)
• Softworn Meadow color palette (#FFF2F0, #FF9E9B, #E75551, #982E1A, #4F000B)
• Softworn Courtyard color palette (#FFEAD9, #BC6A00, #633300, #2C1300, #160700)
• Weathered Bronze color palette (#FFF3E5, #DEB178, #9C6400, #634000, #462900)
• Tempered Apricot Study color palette (#FFF2EC, #EED8BD, #FF9E4D, #A95358, #4D4541)
• Chalky Hollow color palette (#FFF0F9, #E97EC7, #B1008F, #6D005B, #450039)

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