Tempered Brick color palette — #F2DFF1 · #CE0029 · #005866 · #00384F · #0A021E

Crimson takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F2DFF1): A whisper-light, dusty pink — the color of neon signs at night.
• Crimson (#CE0029): A full-bodied, vivid orange — the color of autumn markets.
• Peacock (#005866): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#00384F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0A021E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Energy, Balance. Tagged jewel, vibrant.

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

• Muted Rust color palette (#F0D9EA, #A94600, #004E73, #003854, #0F0014)
• Plum Thicket color palette (#F1DEFA, #C60073, #005C53, #003C35, #00071B)
• Patina Coast color palette (#FFF2EC, #B61F2C, #00513D, #002238, #030003)
• Bronze Loft color palette (#D8F7D7, #B26F00, #00697E, #004E66, #27061F)
• Scarlet Basin color palette (#D2F0D9, #E13C05, #6A5600, #00317E, #260F00)
• Worn Chestnut color palette (#FFDBE6, #875300, #4F4900, #282500, #150309)
• Soft Cabin color palette (#FEEDD8, #B67B00, #836800, #005A7E, #180000)
• Tangerine Summit color palette (#FFF0F9, #EA6E20, #0C8CA0, #00697A, #2D2B3C)

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