Hazy Brick color palette — #F1E1E8 · #D96E86 · #C62128 · #662600 · #351A00

Brick and Rose set the tone — five colors that lean into optimism and warmth.

The five colors

• Rose Water (#F1E1E8): a clean, paper-quiet neutral.
• Rose (#D96E86): A luminous, balanced red — the color of embers at dusk.
• Brick (#C62128): A full-bodied, vivid orange — the color of toasted spice.
• Rust (#662600): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#351A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, 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

• Hushed Plum color palette (#F2DAF3, #C96AA2, #B11751, #7F1716, #3D1100)
• Coral Basin color palette (#F9E2E5, #F56676, #AF363A, #7A3225, #5A2A1D)
• Misty Coral color palette (#FFDCDD, #DF7457, #A45000, #5D3D00, #241D00)
• Rose Quarry color palette (#FFF1F3, #FFB0B3, #F3504F, #A23B29, #4D2618)
• Hushed Terracotta color palette (#F4E4EE, #CD755E, #008D94, #982600, #002123)
• Lowlit Thicket color palette (#F3D9D7, #A32F00, #542900, #261800, #060400)
• Tempered Lantern color palette (#FFEBF9, #FFDAB4, #ABB670, #994F6D, #3A202E)
• Hazy Plum color palette (#EBE6FF, #B172CA, #A6298B, #6E0342, #3C1019)

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