Hazy Brick color palette — #FFEDE8 · #E56E76 · #009884 · #AB0031 · #002721

Garnet and Watermelon set the tone — five colors that lean into balance.

The five colors

• Cream (#FFEDE8): A whisper-light, dusty orange — the color of autumn markets.
• Watermelon (#E56E76): A luminous, balanced red — the color of embers at dusk.
• Fern (#009884): A luminous, balanced teal — the color of shallow lagoons.
• Garnet (#AB0031): A full-bodied, vivid red — the color of embers at dusk.
• Onyx (#002721): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Terracotta Study color palette (#FBE4D9, #CA7767, #008AA6, #9E1700, #002029)
• Washed Mulberry color palette (#FFEDED, #E182C1, #00995C, #8C006C, #002814)
• Brick Parlor color palette (#FFF2ED, #EB5D65, #7C8700, #AE002B, #393F00)
• Faded Field color palette (#FCF0FF, #FF7F9D, #00B0BB, #D32362, #004348)
• Hushed Veranda color palette (#FDEFE4, #D09470, #5493CA, #9D4900, #002948)
• Ember Atelier color palette (#FFDBD5, #D15644, #008970, #006D81, #350100)
• Washed Bronze Summit color palette (#FBE6C8, #ACA25D, #8D6200, #6B3100, #182000)
• Ancient Rust color palette (#FBE1D1, #B1420A, #006084, #5F1E00, #000911)

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