Tempered Brick color palette — #CAEBD6 · #007A90 · #A90410 · #00414D · #3A0002

Garnet and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CAEBD6): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#007A90): A full-bodied, balanced blue — the color of open sky before noon.
• Garnet (#A90410): A full-bodied, vivid orange — the color of autumn markets.
• Deep Teal (#00414D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#3A0002): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

• Chestnut Field color palette (#CDEEDE, #00789B, #854700, #003F54, #2C1300)
• Pale Drift color palette (#DDEFDA, #007E78, #9C0075, #00433F, #350026)
• Garnet Hollow color palette (#DCF0F2, #00676F, #940027, #543600, #001518)
• Weathered Cobalt Summit color palette (#C6EFE3, #008BDB, #9D6000, #005285, #432600)
• Ancient Fern color palette (#D1E8F3, #007987, #5A5D00, #003E46, #080800)
• Softworn Sapphire Workshop color palette (#EBE0EB, #0066DD, #705500, #00347B, #231900)
• Tempered Ember color palette (#D7F1FD, #00AFC9, #EE531B, #007E92, #350900)
• Worn Amber color palette (#EAFAF1, #45AECE, #C66F3F, #00718C, #48413C)

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