Hazy Brick color palette — #F0D8F3 · #DB5D93 · #AE0033 · #642400 · #3B2400

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

The five colors

• Thistle (#F0D8F3): A whisper-light, dusty pink — the color of peonies in June.
• Hot Pink (#DB5D93): A luminous, vivid rose — the color of strawberry cream.
• Ruby (#AE0033): A full-bodied, vivid red — the color of embers at dusk.
• Rust (#642400): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#3B2400): A deep, shadowed, dusty gold — the color of old brass.

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

• Plum Dune color palette (#ECE0FA, #DB63C8, #B40054, #750402, #3E1A00)
• Rose Dune color palette (#FDDFE6, #F43A62, #AC0019, #5A1400, #210800)
• Hazy Scarlet color palette (#FAE1E5, #FF6F82, #E0002A, #902400, #461900)
• Hazy Chapel color palette (#F4DDE5, #F46067, #994A00, #533500, #292700)
• Powdered Cabin color palette (#EEDBED, #FF8EBF, #FD3F4B, #A64900, #3B2500)
• Muted Plum Station color palette (#FFE0DB, #BE286A, #703D00, #003B3B, #400040)
• Soft Alley color palette (#EEE6B8, #BB47A9, #981800, #003F4F, #4C092A)
• Muted Peony color palette (#FFF2EF, #E286FC, #FF4686, #8F5C00, #570201)

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