Hazy Brick color palette — #ECF7FF · #05A4DD · #7677E4 · #B32638 · #072F46

Ruby takes the lead with Periwinkle close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cyan (#05A4DD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Periwinkle (#7677E4): A luminous, vivid violet — the color of a velvet chair.
• Ruby (#B32638): A full-bodied, vivid red — the color of embers at dusk.
• Midnight (#072F46): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Creativity, Balance. Tagged cool.

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

• Chalky Byzantium color palette (#ECF7FF, #0099DA, #8A4FCB, #824600, #00272A)
• Cornflower Coast color palette (#E3FEE0, #00BDCE, #4F79D4, #7E4F00, #003B4F)
• Muted Dune color palette (#EBF7FF, #00A4D1, #D45663, #786500, #003140)
• Linen Cerulean Loft color palette (#DAF3FF, #00A1B7, #B3676C, #96424A, #022B39)
• Pale Magenta Pier color palette (#E7FCEA, #00BCC8, #C064DF, #A64500, #06220E)
• Linen Fuchsia color palette (#EDF7FF, #53BDFF, #D877F3, #D55388, #122E43)
• Washed Raspberry Corridor color palette (#EAF8FF, #00ADCE, #B8478A, #794900, #402D00)
• Softworn Cobalt color palette (#CFE7FF, #2075BD, #742400, #442800, #00050E)

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