Hazy Brick color palette — #F2DDE2 · #F0677A · #B10A04 · #662200 · #170600

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

The five colors

• Shell Pink (#F2DDE2): A whisper-light, dusty red — the color of embers at dusk.
• Rose (#F0677A): A luminous, vivid red — the color of a theater curtain.
• Ruby (#B10A04): A full-bodied, vivid orange — the color of sun-warmed clay.
• Rust (#662200): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#170600): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Aged Coral Orchard color palette (#FDE0DF, #F5684C, #A84500, #4A2600, #180B00)
• Tempered Plum Summit color palette (#F8E2EF, #E15592, #BC1253, #73000E, #190100)
• Muted Ember Grove color palette (#FFE5F7, #E9603E, #0089A1, #8C2000, #00090D)
• Washed Crimson color palette (#FFEAEF, #D42148, #96030D, #501A00, #251800)
• Scarlet Loft color palette (#F0D5E9, #E0668E, #DA1821, #8A4300, #2C1C00)
• Gentle Garden color palette (#FFE2E0, #DD4214, #823600, #371B00, #060200)
• Pale Boulevard color palette (#FFF2EB, #F98B52, #994500, #3F1600, #030100)
• Gentle Pier color palette (#FFE1D9, #FF9656, #B66700, #6C4500, #2F2300)

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