Tempered Brick color palette — #E7DFE6 · #CDC0C7 · #92AD93 · #B30C32 · #281928

Built around Ruby, softened by Sage — the whole palette hums with energy and sophistication.

The five colors

• Silver (#E7DFE6): bright and airy, almost weightless.
• Stone (#CDC0C7): a calm mid-gray that lets other colors speak.
• Sage (#92AD93): A luminous, dusty green — the color of a quiet forest floor.
• Ruby (#B30C32): A full-bodied, vivid red — the color of embers at dusk.
• Onyx (#281928): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Energy, Sophistication. Tagged scandi, muted, light.

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 Bloom color palette (#E7E2E9, #CEBFCB, #BD99A8, #9D355D, #251B29)
• Dusty Chestnut color palette (#F6ECF1, #BBC8BC, #92AC9F, #974600, #2E1623)
• Hushed Harbor color palette (#EBE0DB, #C5B5AC, #A58772, #7D1A19, #281C17)
• Terracotta Thicket color palette (#FDF2EF, #E6DABF, #CEB699, #973E46, #170804)
• Timeworn Garnet color palette (#DEF4EF, #5FA285, #006F6C, #6D2556, #002115)
• Cocoa Coast color palette (#DCE4DC, #97AAA0, #6B8F87, #5F3D00, #030C03)
• Bronze Bloom color palette (#E8F1EB, #CEDBD7, #9EBFBD, #867000, #233228)
• Velvet Orchard color palette (#F5DCE9, #9A4300, #302100, #18000E, #040200)

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