Tempered Brick color palette — #FFDCCD · #C3031A · #006184 · #5F0076 · #390F0D

A conversation between Ruby and Royal Purple, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#FFDCCD): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#C3031A): A full-bodied, vivid orange — the color of sun-warmed clay.
• Peacock (#006184): A full-bodied, balanced blue — the color of open sky before noon.
• Royal Purple (#5F0076): A deep, shadowed, vivid pink — the color of neon signs at night.
• Onyx (#390F0D): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Creativity, Warmth, Comfort, Energy. Tagged vibrant, 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

• Washed Archive color palette (#F4E2C8, #885F00, #005D94, #620070, #2C1C00)
• Sunlit Rust color palette (#FFDDC9, #B13A00, #006949, #003F6B, #3B0D00)
• Weathered Canyon color palette (#F9E5C3, #886A00, #005563, #5A004C, #480020)
• Wandering Aubergine Harbor color palette (#FFF2DF, #6F5000, #00505E, #4A004B, #201400)
• Chalky Loft color palette (#F3EFDE, #777500, #5453AF, #742041, #2E2608)
• Patina Mulberry color palette (#F9E1BB, #A97F00, #008D68, #A10053, #2A1D00)
• Airy Garnet Garden color palette (#FBEED1, #876500, #006B53, #700037, #100900)
• Linen Aubergine Meadow color palette (#FFDDC2, #907D00, #006339, #59006D, #252D00)

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