Hazy Brick Field color palette — #F8D5CF · #A70B00 · #5B4C00 · #64006D · #070000

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

The five colors

• Shell Pink (#F8D5CF): A whisper-light, dusty orange — the color of toasted spice.
• Garnet (#A70B00): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#5B4C00): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#64006D): A deep, shadowed, vivid pink — the color of neon signs at night.
• Black (#070000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Hazy Brick Field 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

• Timeworn Pier color palette (#F5E6ED, #894100, #495400, #6F004D, #040100)
• Weathered Aubergine color palette (#F5EBFA, #A10057, #704000, #470598, #060002)
• Weathered Garnet Hollow color palette (#EBE6D0, #796500, #006C47, #8F0604, #0A0700)
• Tempered Mulberry color palette (#FFE7E9, #9F003A, #004F5D, #003943, #040001)
• Pale Amber color palette (#FFEAE7, #D18D74, #C16F0E, #832D36, #1F0300)
• Worn Scarlet color palette (#FADFDB, #CE433B, #90030D, #390100, #070000)
• Mulberry Study color palette (#EBDDCC, #A06600, #337C00, #A30049, #1C0E00)
• Chalky Ultramarine color palette (#FDE8E6, #CB1A33, #197B10, #0349CA, #070000)

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