Weathered Brick color palette — #F3DCF3 · #C20037 · #006853 · #004456 · #42000D

Built around Ruby, softened by Espresso — the whole palette hums with trust and stability.

The five colors

• Thistle (#F3DCF3): A whisper-light, dusty pink — the color of neon signs at night.
• Ruby (#C20037): A full-bodied, vivid red — the color of late-summer berries.
• Pine (#006853): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004456): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#42000D): A deep, shadowed, balanced red — the color of late-summer berries.

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

• Tempered Harbor color palette (#F3DBFD, #D12773, #00591D, #00454F, #40001D)
• Washed Terracotta Parlor color palette (#FFE6F8, #A22600, #005042, #002E4E, #2A0024)
• Pale Navy color palette (#FFD8EC, #A54C04, #00656A, #00318C, #361400)
• Faded Bronze Corridor color palette (#FFDDEB, #A25900, #005C1D, #00374F, #3D0047)
• Pale Bronze color palette (#CAF0D2, #BF5E00, #635000, #003F50, #3C2200)
• Powdered Byzantium color palette (#E7E0FC, #AB00A5, #536000, #00483B, #370535)
• Timeworn Study color palette (#FFDBD4, #FF468A, #007B40, #1F3BDA, #370F1C)
• Worn Corridor color palette (#FCECFA, #D9655F, #605500, #880012, #151200)

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