Tempered Brick color palette — #F6D9DE · #B52B19 · #682800 · #311800 · #0B0F00

Brick takes the lead with Rust close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F6D9DE): A whisper-light, dusty red — the color of a theater curtain.
• Brick (#B52B19): A full-bodied, vivid orange — the color of toasted spice.
• Rust (#682800): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#311800): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0B0F00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Worn Ember Ridge color palette (#F9DEE2, #EC3802, #A24B00, #724200, #1E1300)
• Timeworn Terracotta color palette (#F1DBE6, #964300, #004E83, #4A1E00, #001022)
• Obsidian Bloom color palette (#F8DEC4, #9B6000, #513200, #1A0D00, #050200)
• Powdered Meadow color palette (#FFE8F6, #AB1D65, #7A0020, #3C0A00, #1F0900)
• Linen Olive color palette (#FBE4ED, #BDA771, #478E0F, #830017, #261700)
• Tempered Navy color palette (#FCECD9, #684400, #004955, #002873, #0D0600)
• Bronze Lagoon color palette (#E9E3F4, #0091B6, #986600, #0D0C03, #000300)
• Olive Grove color palette (#E7E0D3, #7F7900, #415100, #003709, #002223)

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