Tempered Brick color palette — #DDECF2 · #008794 · #BB1F00 · #004F57 · #250200

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

The five colors

• Frost (#DDECF2): a clean, paper-quiet neutral.
• Cerulean (#008794): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Brick (#BB1F00): A full-bodied, vivid orange — the color of autumn markets.
• Deep Teal (#004F57): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#250200): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Frosted Brick Balcony color palette (#D1E3E5, #008E9D, #C10B06, #00444C, #040000)
• Wandering Cobalt Drift color palette (#D7E8F6, #0080BA, #935500, #004A6F, #1B0B00)
• Scarlet Bloom color palette (#DDF2DF, #00A0A7, #E23600, #007075, #240300)
• Plum Coast color palette (#DFF4F6, #008C74, #B50079, #005243, #230014)
• Cocoa Canyon color palette (#CFEBEF, #006F61, #743A00, #00352E, #1D0A00)
• Ember Summit color palette (#CAEAFB, #00B0D2, #F93915, #00758D, #5A0900)
• Mulberry Atelier color palette (#C2EBF5, #007385, #970D88, #594900, #00090D)
• Chestnut Station color palette (#FFE1EB, #977842, #774500, #521F00, #0F0B00)

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