Tempered Brick color palette — #F4D9E5 · #DD7E97 · #B14248 · #852F09 · #5D3404

Built around Brick, softened by Rust — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F4D9E5): A whisper-light, dusty rose — the color of pressed rose petals.
• Rose (#DD7E97): A luminous, balanced red — the color of embers at dusk.
• Brick (#B14248): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#852F09): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#5D3404): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Chalky Brick Bloom color palette (#F3D7DA, #D27C7E, #B63B3A, #790900, #411100)
• Bronze Workshop color palette (#FFD0D9, #E89590, #B4623D, #7D4A03, #573E11)
• Powdered Plum Market color palette (#E4DDEA, #C77FC1, #A54379, #852340, #622D23)
• Terracotta Basin color palette (#FFE9E1, #D16A68, #0085AA, #99252C, #003C4E)
• Bronze Alley color palette (#FCDFDA, #D2844F, #9D6300, #634B00, #234418)
• Sunlit Ember Market color palette (#F0DAD4, #D46400, #864E00, #503800, #18300F)
• Ancient Alley color palette (#F3DEDF, #BD3C00, #602D00, #2C1B00, #090F01)
• Washed Stone Alley color palette (#FFF2ED, #EDD2B4, #B5B770, #965D78, #48413D)

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