Hazy Brick color palette — #FBE2DA · #B4003C · #326000 · #00385D · #100002

Built around Ruby, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Rose Water (#FBE2DA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Ruby (#B4003C): A full-bodied, vivid red — the color of a theater curtain.
• Olive (#326000): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#00385D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#100002): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Plum Meadow color palette (#EAE3D6, #C62C59, #5F4600, #002860, #1B0300)
• Misty Station color palette (#EED8F5, #B00052, #005958, #002F2E, #040001)
• Powdered Plum Harbor color palette (#F9E7E3, #B2004B, #00605A, #49007C, #100003)
• Soft Brick color palette (#F8DED2, #C00B05, #004E5C, #00274B, #00051E)
• Faded Mulberry Bloom color palette (#FBD7D8, #A4007F, #00492E, #370064, #060003)
• Garnet Summit color palette (#E6DAE9, #810036, #004126, #002128, #100003)
• Sunlit Scarlet color palette (#F0E0E8, #DD313D, #784300, #312A00, #030C00)
• Faded Quarry color palette (#EFDEE3, #8524BA, #605200, #003D43, #0A0013)

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