Weathered Brick color palette — #F1D4EA · #F16654 · #0094B9 · #BB0C02 · #002E3C

A conversation between Ruby and Coral Clay, giving this palette its sense of trust and stability.

The five colors

• Thistle (#F1D4EA): A whisper-light, dusty pink — the color of neon signs at night.
• Coral Clay (#F16654): A luminous, vivid orange — the color of toasted spice.
• Cerulean (#0094B9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ruby (#BB0C02): A full-bodied, vivid orange — the color of sun-warmed clay.
• Midnight (#002E3C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

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

• Tempered Brick color palette (#FFF2EC, #F6866C, #00A2C1, #B32700, #001C23)
• Antique Apricot color palette (#F1D5E3, #FC8334, #008FCD, #873C00, #002D43)
• Softworn Plum color palette (#EAD6EF, #E56A8A, #009D80, #B60552, #003127)
• Dusty Ember Alley color palette (#F8E2F1, #DE5032, #008A99, #0071A1, #2F1429)
• Feathered Basin color palette (#FBD5C5, #FFA89F, #04B3DD, #C62A2B, #002E3B)
• Worn Amber color palette (#FEE2ED, #C56C00, #0080A9, #7C4100, #001E2B)
• Wandering Scarlet color palette (#F9D5C5, #D54634, #7251BE, #8B0A00, #2C1E4D)
• Hushed Cobalt color palette (#CEE5D4, #CCA428, #007BC4, #7A5F00, #002B49)

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