Hazy Brick color palette — #EFE0ED · #DA5B92 · #B4003B · #6B0F00 · #220800

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

The five colors

• Blush (#EFE0ED): A whisper-light, dusty pink — the color of neon signs at night.
• Hot Pink (#DA5B92): A luminous, vivid rose — the color of pressed rose petals.
• Ruby (#B4003B): A full-bodied, vivid red — the color of late-summer berries.
• Oxblood (#6B0F00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#220800): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Pale Plum color palette (#F7E7FF, #D474C4, #B6006A, #620025, #1C0100)
• Crimson Harbor color palette (#FCD8E3, #F55388, #DF0052, #A7002F, #450005)
• Washed Coral Coast color palette (#FFE4EA, #E96866, #A33B00, #552D00, #180F00)
• Garnet Courtyard color palette (#FFE5FC, #DE6867, #008C89, #94001D, #000A09)
• Airy Brick color palette (#FFF2EE, #E8866C, #B72E00, #4E0E00, #040000)
• Quiet Plum Coast color palette (#FFEFFF, #FFE0C6, #C7C371, #B43482, #220500)
• Chalky Ember Corridor color palette (#FFE2E7, #FFA19B, #E65100, #794800, #352200)
• Byzantium Market color palette (#E0DFFA, #AD7CE2, #931FAA, #5A0043, #21000B)

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