Weathered Brick color palette — #EDDBD4 · #E77069 · #00857C · #C2011C · #000202

Ruby and Coral Clay set the tone — five colors that lean into energy and balance.

The five colors

• Bone (#EDDBD4): A whisper-light, dusty orange — the color of sun-warmed clay.
• Coral Clay (#E77069): A luminous, balanced orange — the color of autumn markets.
• Teal (#00857C): A full-bodied, balanced teal — the color of shallow lagoons.
• Ruby (#C2011C): A full-bodied, vivid orange — the color of sun-warmed clay.
• Black (#000202): a grounded near-black with real depth.

Feels like: Energy, Balance. Tagged duotone, vibrant.

Use it as a design system

One click turns Weathered 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

• Ancient Plum Station color palette (#F0DCD6, #E76E7D, #5F8100, #C00041, #010200)
• Hushed Grove color palette (#E7DCD3, #DF7E00, #00838B, #975400, #000203)
• Crimson Boulevard color palette (#F5DCD4, #DA4155, #007752, #77005D, #170002)
• Airy Field color palette (#FDE4D0, #D3642C, #5F7100, #5A03A8, #130900)
• Feathered Cabin color palette (#F1E3EA, #CB6100, #2F6100, #6E3100, #010200)
• Mulberry Ridge color palette (#F6E4E4, #E371C2, #499920, #8F0073, #020200)
• Linen Amber Coast color palette (#F0DBD9, #D27500, #7D6D00, #3A5300, #001009)
• Feathered Ember color palette (#FFEEE3, #FFAB86, #00B95E, #E55E00, #001707)

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