Hazy Brick color palette — #E1DFCA · #6B8C16 · #BA2F2C · #3C5200 · #4F0B0B

A conversation between Brick and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Bone (#E1DFCA): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#6B8C16): A full-bodied, balanced green — the color of fresh herbs.
• Brick (#BA2F2C): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#3C5200): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#4F0B0B): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

• Hushed Rust color palette (#F0F0DF, #769B4A, #BE533C, #406300, #601A0B)
• Wandering Emerald color palette (#DAE2CB, #16965E, #9D5500, #005834, #401F00)
• Plum Alley color palette (#E7DDCA, #9A7A00, #B03171, #5A4600, #4C082D)
• Chestnut Quarry color palette (#F6E5D7, #A37F60, #844100, #5E2100, #351E00)
• Timeworn Olive color palette (#EEEACE, #5E7600, #006D68, #753B00, #1A2300)
• Faded Pine color palette (#F2F8E5, #6FB186, #BF7535, #007A43, #5C391C)
• Linen Harbor color palette (#E9DCCA, #A47502, #007C6B, #604300, #003129)
• Washed Thicket color palette (#E5FCEB, #00A6B9, #7F8600, #006874, #3B3E00)

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