Weathered Brick color palette — #F8D2E1 · #E4596C · #BB080D · #672900 · #321D00

A conversation between Ruby and Scarlet, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F8D2E1): A whisper-light, dusty rose — the color of a warm blush.
• Scarlet (#E4596C): A luminous, vivid red — the color of late-summer berries.
• Ruby (#BB080D): A full-bodied, vivid orange — the color of sun-warmed clay.
• Rust (#672900): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#321D00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, 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

• Misty Cabin color palette (#FAD6DB, #E14C40, #934500, #5A3500, #271B00)
• Faded Ember Atelier color palette (#F8DAEE, #D35D38, #00829C, #912900, #001F27)
• Mulberry Thicket color palette (#F4DEF7, #CB4FAD, #AC005B, #7B0021, #3F1000)
• Linen Studio color palette (#FFEBE1, #DF7524, #984F00, #522400, #120500)
• Quiet Pier color palette (#EDD9D7, #FF7A3C, #AA6300, #6D4E00, #363200)
• Antique Atelier color palette (#FFEBE4, #D8B586, #91AE60, #9E3B59, #3C1900)
• Amber Pier color palette (#FFE1E8, #F09E99, #CE7556, #96561E, #5B451F)
• Worn Bronze Chapel color palette (#F3DED3, #9E5D00, #5D4300, #252300, #050800)

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