Tempered Brick color palette — #F7EFF6 · #DCA2A1 · #A06533 · #AF2E3B · #180910

Ruby and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#F7EFF6): a clean, paper-quiet neutral.
• Rosewood Mist (#DCA2A1): A luminous, dusty red — the color of a theater curtain.
• Ochre (#A06533): A full-bodied, balanced gold — the color of honey in a jar.
• Ruby (#AF2E3B): A full-bodied, vivid orange — the color of sun-warmed clay.
• Ink (#180910): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Mulberry Cabin color palette (#F4EFF9, #D5A2BB, #B05558, #A23275, #170817)
• Chestnut Study color palette (#F9EEF4, #E2A37E, #907020, #9D4900, #011305)
• Pale Mulberry color palette (#FFF2F0, #DD96B1, #777200, #933D62, #2A2410)
• Hushed Bronze Villa color palette (#F6F0F4, #DFD4D5, #CAB7B7, #A65F4E, #32292F)
• Feathered Atelier color palette (#FDF3EF, #FAADAA, #DA6C0E, #C7585A, #2F2014)
• Bronze Summit color palette (#FFE7DC, #DCA47E, #A76A20, #654400, #322300)
• Weathered Forest Lantern color palette (#E4F8E7, #C68E63, #866524, #005528, #361723)
• Brick Market color palette (#EDDDE8, #AD3E25, #483100, #500D00, #020100)

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