Tempered Brick color palette — #FFF2EC · #E86356 · #008EA5 · #AE060D · #00424E

Garnet takes the lead with Coral Clay close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Coral Clay (#E86356): A luminous, vivid orange — the color of autumn markets.
• Cerulean (#008EA5): A full-bodied, balanced blue — the color of deep harbor water.
• Garnet (#AE060D): A full-bodied, vivid orange — the color of autumn markets.
• Deep Teal (#00424E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Antique Loft color palette (#FFF3E9, #DD7300, #008EA2, #8C4600, #00434D)
• Linen Mulberry Delta color palette (#FFF2EF, #DE658C, #009572, #A90053, #004634)
• Hushed Rust color palette (#F6D7C6, #CE512D, #00749C, #832100, #002D40)
• Timeworn Scarlet Terrace color palette (#FFE4DE, #E13900, #008190, #335D8C, #4E2116)
• Timeworn Cabin color palette (#FFF3E5, #C69555, #658AC4, #8B5900, #2D4364)
• Misty Market color palette (#FFEBF9, #E96E51, #5F9500, #A42400, #152600)
• Ancient Study color palette (#FFF2EC, #F98A7B, #9D84FD, #DF0D0D, #3C2B70)
• Pale Ember Drift color palette (#FFF0FC, #FFAC9F, #28D8F2, #F34534, #00434C)

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