Hazy Brick color palette — #FFF2ED · #EC7C74 · #6E6700 · #A30017 · #251C00

Built around Garnet, softened by Watermelon — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Watermelon (#EC7C74): A luminous, balanced orange — the color of autumn markets.
• Olive (#6E6700): A full-bodied, balanced green — the color of new leaves after rain.
• Garnet (#A30017): A full-bodied, vivid orange — the color of autumn markets.
• Onyx (#251C00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Misty Pine Market color palette (#FFF2EB, #E68361, #0F7A17, #942E00, #1D1F00)
• Washed Bloom color palette (#FFF1F1, #DA80AE, #756400, #990066, #231D00)
• Apricot Pier color palette (#FAEEF4, #EB8B5A, #816800, #933E00, #000D04)
• Worn Lantern color palette (#FAF4EE, #D9A268, #078075, #885100, #1B2818)
• Ember Basin color palette (#F5E8E2, #D75D43, #066013, #791600, #0D0F00)
• Rust Ridge color palette (#FFF2EA, #FF9F6E, #A38200, #BF5200, #251C00)
• Pale Quarry color palette (#FFDAD4, #EB863E, #8C6300, #474D00, #0B4002)
• Chalky Ember color palette (#FFF3E2, #DB6400, #676300, #2E3B8A, #4C2E00)

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