Hazy Brick color palette — #F5DDD3 · #A81A19 · #3D5200 · #550103 · #020300

Garnet and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F5DDD3): A whisper-light, dusty orange — the color of autumn markets.
• Garnet (#A81A19): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#3D5200): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#550103): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#020300): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Gentle Mulberry Harbor color palette (#FCE0DE, #9D2061, #594700, #50002D, #040300)
• Soft Brick color palette (#F7E0F3, #B4001B, #00575C, #5A0008, #001315)
• Nocturne Chapel color palette (#F1DECD, #723C00, #004828, #311600, #000201)
• Garnet Lantern color palette (#FFE7E4, #8D020D, #4C3C00, #4C0059, #050000)
• Worn Aubergine Canyon color palette (#FFE2CD, #904000, #6D0094, #461C00, #06000C)
• Midnight Delta color palette (#FCD9CC, #B54C1F, #651E00, #220500, #030000)
• Hushed Mulberry color palette (#F5EDDF, #7F6900, #A10057, #423500, #170007)
• Scarlet Veranda color palette (#FDE4F8, #D92323, #567200, #850309, #0B1200)

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