Hazy Brick color palette — #FDEAE3 · #FB5A64 · #008677 · #C1042F · #000200

Ruby takes the lead with Watermelon close behind in a set that reads as energy and balance at first glance.

The five colors

• Cream (#FDEAE3): A whisper-light, dusty orange — the color of toasted spice.
• Watermelon (#FB5A64): A luminous, vivid orange — the color of toasted spice.
• Teal (#008677): A full-bodied, balanced teal — the color of glacier melt.
• Ruby (#C1042F): A full-bodied, vivid orange — the color of sun-warmed clay.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Energy, Balance. Tagged duotone, vibrant.

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

• Antique Tangerine color palette (#F6E7DD, #F66800, #00857B, #A84400, #000200)
• Muted Rose Meadow color palette (#F4DBD4, #FF5273, #448700, #C00043, #020200)
• Dusty Lagoon color palette (#EEDAD8, #FA5CAF, #249C3C, #95005E, #000300)
• Hushed Ember Canyon color palette (#FFEEE5, #FFAA93, #00B2A5, #F34B17, #001613)
• Linen Pier color palette (#F5DDDD, #F841C4, #6C7D00, #B20089, #010200)
• Amber Terrace color palette (#E8DAE1, #CA6200, #485B00, #6D3200, #000202)
• Timeworn Bronze Quarry color palette (#F7E1D2, #BF5F00, #0064A2, #004978, #03000E)
• Weathered Amber Harbor color palette (#ECE0CE, #C58F00, #00857C, #866000, #000300)

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