Hazy Brick color palette — #F4DBEE · #C12617 · #414D00 · #002D34 · #100026

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

The five colors

• Blush (#F4DBEE): A whisper-light, dusty pink — the color of neon signs at night.
• Brick (#C12617): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#414D00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#002D34): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#100026): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Rust Pier color palette (#FBE7F3, #C55425, #3D6100, #003A48, #1F0331)
• Antique Plum Canyon color palette (#F5E7FB, #C1006A, #564400, #002F2B, #09002D)
• Lowlit Chestnut color palette (#EBDCE3, #894000, #0E4200, #001D29, #08000D)
• Hushed Chapel color palette (#F7DAD5, #AB3864, #325100, #00276A, #290441)
• Antique Boulevard color palette (#DDF0DE, #8D6100, #00543A, #00284C, #1A0014)
• Gentle Archive color palette (#FFF0FE, #FF3959, #007177, #003F50, #000E1B)
• Misty Ember color palette (#EFDDD2, #D55D00, #726400, #005126, #410018)
• Amber Lantern color palette (#F1E0DB, #BC8042, #6E6639, #004750, #0D2338)

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