Hazy Brick color palette — #FFE8FC · #DE699A · #BB0030 · #5C2100 · #190A00

Ruby and Bubblegum set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFE8FC): A whisper-light, dusty pink — the color of peonies in June.
• Bubblegum (#DE699A): A luminous, balanced rose — the color of a warm blush.
• Ruby (#BB0030): A full-bodied, vivid red — the color of embers at dusk.
• Espresso (#5C2100): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#190A00): A deep, shadowed, dusty gold — the color of old brass.

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

• Feathered Plum color palette (#F0E4FF, #CC69C5, #B3006B, #6F0401, #120400)
• Timeworn Pier color palette (#F0D7DD, #DF6259, #AA4700, #452900, #100D00)
• Dusty Harbor color palette (#F8D3E1, #EA567F, #DB003A, #9D2100, #341000)
• Tempered Field color palette (#FDE3FD, #E5007C, #9A0028, #522100, #341E00)
• Faded Crimson color palette (#FCE5EE, #D64863, #962600, #341900, #020100)
• Softworn Garnet color palette (#FFE9E1, #D96B70, #00899E, #930025, #00090D)
• Muted Terracotta Orchard color palette (#FFF2ED, #E98867, #9D3800, #3D1400, #040000)
• Gentle Ember color palette (#FFE6EE, #FF9081, #D65D00, #6A4200, #231F00)

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