Hazy Brick color palette — #DFFFE5 · #CE56B6 · #B40038 · #005516 · #3F2C4C

Ruby and Hot Pink set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DFFFE5): A whisper-light, dusty teal — the color of shallow lagoons.
• Hot Pink (#CE56B6): A luminous, vivid pink — the color of peonies in June.
• Ruby (#B40038): A full-bodied, vivid red — the color of a theater curtain.
• Deep Olive (#005516): A deep, shadowed, balanced green — the color of new leaves after rain.
• Navy (#3F2C4C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged retro.

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

• Tempered Peony Grove color palette (#DEFFE5, #D95593, #AD2600, #005339, #51262E)
• Frosted Plum Field color palette (#DEFFE5, #A16FDA, #A8007C, #454A00, #432B49)
• Tempered Garnet color palette (#CCE6D1, #B14F87, #93030D, #003E23, #3E1321)
• Linen Orchid Coast color palette (#C7FFFA, #AB68F7, #A82E3C, #004847, #2C0E2A)
• Feathered Raspberry color palette (#F8F2FF, #C24799, #785100, #004C3A, #11296B)
• Muted Wisteria Dune color palette (#F1FBD0, #BE89FF, #C5535A, #006967, #482944)
• Tempered Bronze color palette (#E9FBEC, #CD7E7E, #9B5500, #005A56, #4A3544)
• Tempered Workshop color palette (#DAF4DF, #BC004D, #632900, #002C25, #2E0506)

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