Hazy Brick color palette — #BAEADC · #688D00 · #C0251C · #3B5200 · #4F0C08

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

The five colors

• Mint (#BAEADC): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#688D00): A full-bodied, balanced green — the color of new leaves after rain.
• Brick (#C0251C): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#3B5200): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#4F0C08): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Linen Moss Garden color palette (#D4F7F1, #56A336, #B55C38, #286700, #542614)
• Quiet Hollow color palette (#C1E7E6, #00975D, #9B5700, #005834, #3F2000)
• Hazy Amber Coast color palette (#F7D8E5, #B6782A, #7E4502, #582704, #0F2B12)
• Bronze Lantern color palette (#CFE5D3, #9E7800, #007B6E, #5D4500, #00312B)
• Frosted Olive color palette (#E7F1E5, #248101, #006B75, #694400, #0B2605)
• Frosted Jade Cabin color palette (#E4FAFA, #38B984, #BD772D, #007950, #5B3544)
• Pale Grape color palette (#D9F7EF, #6DA022, #7A35A5, #335100, #1E002F)
• Moss Studio color palette (#CAE4E3, #949200, #004124, #001C0D, #00080D)

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