Hazy Brick color palette — #F1DFE4 · #D45979 · #BB0025 · #6C1900 · #391300

Built around Ruby, softened by Hot Pink — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F1DFE4): A whisper-light, dusty rose — the color of pressed rose petals.
• Hot Pink (#D45979): A luminous, balanced red — the color of a theater curtain.
• Ruby (#BB0025): A full-bodied, vivid orange — the color of sun-warmed clay.
• Oxblood (#6C1900): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#391300): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

One click turns Hazy 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

• Patina Rose color palette (#F7D5E0, #FF4477, #C00031, #591600, #130300)
• Faded Terracotta Hollow color palette (#FFE4DA, #D87854, #A53B00, #5A1B00, #1B0400)
• Hushed Grove color palette (#FEE1F4, #EAB181, #C5A300, #B53855, #3B1903)
• Plum Hollow color palette (#F0D4ED, #C3227C, #8D020E, #4E1E00, #281700)
• Terracotta Veranda color palette (#F3DCEE, #D25C4E, #008395, #9D0705, #001F25)
• Tempered Garden color palette (#FDE2F5, #FF1E90, #DA2136, #943D00, #331E00)
• Washed Bloom color palette (#EFD9F2, #C159A4, #A80075, #7A003D, #470011)
• Muted Amber color palette (#FADFD4, #D06F00, #8F5A00, #543D00, #231D00)

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