Tempered Brick color palette — #EEDBBE · #24BCE0 · #4485EB · #BC1B14 · #00283A

Built around Brick, softened by Azure — the whole palette hums with trust and stability.

The five colors

• Bone (#EEDBBE): A whisper-light, dusty gold — the color of old brass.
• Cyan (#24BCE0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#4485EB): A luminous, vivid blue — the color of open sky before noon.
• Brick (#BC1B14): A full-bodied, vivid orange — the color of toasted spice.
• Midnight (#00283A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Energy, Balance. Tagged retro, cool.

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

• Rust Orchard color palette (#FDECD1, #78C5EA, #7691EC, #BD4C1F, #0A392F)
• Chalky Plum color palette (#EBDCC4, #00C4B8, #0095C0, #AC2B67, #002A2D)
• Aged Grove color palette (#F0DBBA, #6DAFF4, #8977D2, #955300, #122149)
• Dusty Indigo Drift color palette (#FBEEDA, #2CA1E7, #6761E0, #863D00, #001534)
• Antique Orchid Station color palette (#CEE9DB, #00B2E2, #B258C5, #944B00, #00270D)
• Worn Bronze Corridor color palette (#DBF6E9, #D0AFD0, #A092CF, #A25C30, #39352F)
• Misty Petrol color palette (#EDDBC1, #1FA993, #2969B4, #5C4300, #002A2F)
• Aged Loft color palette (#F7E2B7, #98AAFF, #C052EF, #896500, #291C56)

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