Tempered Brick color palette — #F7D7CD · #B83246 · #00646B · #6A001C · #000A0B

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

The five colors

• Shell Pink (#F7D7CD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Ruby (#B83246): A full-bodied, vivid red — the color of late-summer berries.
• Peacock (#00646B): A full-bodied, dusty blue — the color of open sky before noon.
• Oxblood (#6A001C): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#000A0B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Muted Pier color palette (#FBE3D3, #A94C00, #00617F, #592500, #00090F)
• Plum Meadow color palette (#EFDEDE, #AA3781, #00684F, #630046, #000B06)
• Linen Rose color palette (#FFE9E0, #F15359, #008C88, #94001D, #000A09)
• Softworn Navy color palette (#FCDCDA, #A7001C, #065D11, #03289B, #0D0000)
• Quiet Ember Thicket color palette (#FFE9D9, #D16100, #007D9F, #793600, #001923)
• Powdered Bronze color palette (#F2E2DC, #E7A280, #A97A00, #7E2D49, #200A00)
• Garnet Dune color palette (#F0DFDC, #C15340, #800A00, #360500, #050000)
• Charred Navy color palette (#F8E7D4, #694300, #003A75, #2D1A00, #000105)

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