Hazy Brick color palette — #F5E2F4 · #B4333F · #00646D · #6E0018 · #000709

Ruby and Oxblood set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F5E2F4): A whisper-light, dusty pink — the color of a candy shop window.
• Ruby (#B4333F): A full-bodied, vivid orange — the color of toasted spice.
• Peacock (#00646D): A full-bodied, dusty blue — the color of open sky before noon.
• Oxblood (#6E0018): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#000709): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Patina Bronze color palette (#F8DDEA, #A34E00, #00617F, #5A2800, #00070C)
• Muted Courtyard color palette (#E4DDEA, #A14177, #006850, #670045, #000805)
• Hushed Corridor color palette (#FBD9CF, #DF295A, #007F8E, #9E0038, #000709)
• Shadow Harbor color palette (#EED7E7, #941F00, #004942, #410800, #000806)
• Hazy Nightshade Terrace color palette (#FFE7E4, #A51016, #005E1E, #130BB5, #070000)
• Timeworn Chestnut Chapel color palette (#D7DFEB, #00906C, #954B00, #120B00, #060002)
• Amber Garden color palette (#FFE8F0, #BF7000, #007DB6, #784400, #001D2F)
• Feathered Courtyard color palette (#FFDCD4, #BD4F34, #8D0A00, #3C0300, #060000)

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