Weathered Brick color palette — #F8DBEE · #CB377E · #B3003B · #721F00 · #150600

Built around Ruby, softened by Fuchsia — the whole palette hums with warmth and comfort.

The five colors

• Blush (#F8DBEE): A whisper-light, dusty pink — the color of a candy shop window.
• Fuchsia (#CB377E): A full-bodied, vivid rose — the color of a warm blush.
• Ruby (#B3003B): A full-bodied, vivid red — the color of embers at dusk.
• Rust (#721F00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#150600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Warmth, Comfort, Energy, 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

• Aged Crimson color palette (#F0DDE2, #D1415B, #AD2F00, #5B2C00, #0F0600)
• Sunlit Plum Bloom color palette (#FBDFE6, #B91F4E, #870028, #53000C, #1F0100)
• Timeworn Mulberry Drift color palette (#FAE4DC, #D1484C, #00808A, #A00020, #000809)
• Hushed Loft color palette (#F4EBFF, #B43FB0, #A30079, #6F0030, #150002)
• Plum Grove color palette (#FFE1E0, #CE9D7B, #9B9923, #9F3E75, #170400)
• Rust Courtyard color palette (#FFE9E4, #C82813, #00747E, #26527A, #070000)
• Worn Chestnut color palette (#E0EDFC, #008EA6, #9F4A00, #1D0800, #040100)
• Dusty Ember Workshop color palette (#F2E1E5, #F77883, #E05F33, #9B4B00, #432C00)

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