Hazy Brick color palette — #F6DBF5 · #AE002F · #004285 · #330067 · #0F0008

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

The five colors

• Thistle (#F6DBF5): A whisper-light, dusty pink — the color of a candy shop window.
• Garnet (#AE002F): A full-bodied, vivid red — the color of embers at dusk.
• Navy (#004285): A deep, shadowed, balanced blue — the color of deep harbor water.
• Royal Purple (#330067): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0F0008): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged jewel, vibrant.

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

• Softworn Brick color palette (#FFE1FC, #BB0023, #574900, #3A006B, #120008)
• Pale Meadow color palette (#F2E3FF, #AE0074, #004B61, #100082, #0D0013)
• Dusty Study color palette (#FFE6F5, #A13700, #4200C5, #440048, #120002)
• Nightshade Basin color palette (#FFEDE9, #ED0574, #0064A2, #4800CA, #280025)
• Timeworn Aubergine color palette (#F9EDD6, #6D5800, #004E46, #2D0075, #2B0E00)
• Cellar Aubergine Harbor color palette (#D2E4D5, #664B00, #500053, #360011, #040002)
• Onyx Boulevard color palette (#F3E0F0, #550007, #001453, #110022, #040002)
• Powdered Aubergine Field color palette (#E5F7E9, #8C6700, #6B2C6F, #5B0F2A, #16000C)

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