Weathered Brick color palette — #CDE1F0 · #008AB9 · #BC2E19 · #00506D · #520600

Brick and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#CDE1F0): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008AB9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Brick (#BC2E19): A full-bodied, vivid orange — the color of toasted spice.
• Peacock (#00506D): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#520600): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Trust, Stability, Balance. Tagged 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

• Cobalt Studio color palette (#D0E1EE, #1688BF, #995800, #004F72, #3E2100)
• Softworn Plum Parlor color palette (#C3E5F0, #009095, #B33165, #005456, #4F0426)
• Softworn Boulevard color palette (#CAE2F0, #00A9CF, #DC5500, #006E89, #491700)
• Misty Thicket color palette (#D4EDFD, #007699, #944400, #5E4200, #002330)
• Tempered Nightshade Ridge color palette (#CFDFFA, #617AC7, #9F5300, #2307D3, #411E00)
• Gentle Ridge color palette (#C9E6D7, #53D4FF, #DC6439, #0090B4, #4B1400)
• Antique Ultramarine color palette (#EFF6FF, #839FD9, #B77A3C, #325CC6, #5E390E)
• Washed Cocoa Pier color palette (#DFEFE0, #8B8B57, #714E00, #5D2200, #142B08)

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