Hazy Brick color palette — #E6FBF2 · #BCE5BB · #32A888 · #A64855 · #0D3811

Brick and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Celadon Mist (#BCE5BB): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#32A888): A luminous, balanced teal — the color of shallow lagoons.
• Brick (#A64855): A full-bodied, balanced red — the color of embers at dusk.
• Deep Forest (#0D3811): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Weathered Moss Pier color palette (#EAFAEC, #DDDE94, #68A544, #91527F, #313100)
• Moss Chapel color palette (#EBFAEE, #D7DEA9, #5FA64E, #84661E, #2E3200)
• Aged Field color palette (#E7FAF4, #9CC7A9, #008979, #833432, #001F0C)
• Tempered Clover Corridor color palette (#FDF5D9, #71B85A, #007D59, #704049, #3B3B34)
• Powdered Clover Cabin color palette (#F9F6DE, #B3DD95, #55C051, #A38445, #2D411D)
• Emerald Chapel color palette (#E3FCEF, #A3D57D, #00965F, #625A00, #112400)
• Wandering Clover color palette (#D9FBEF, #87B960, #407B3D, #5C4921, #002721)
• Wandering Delta color palette (#DDF3EC, #528865, #00463E, #152000, #000200)

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