Hazy Harbor color palette — #F4DEFF · #E18A97 · #C4424F · #8C4235 · #623C2A

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

The five colors

• Thistle (#F4DEFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Rose (#E18A97): A luminous, balanced red — the color of embers at dusk.
• Brick (#C4424F): A full-bodied, vivid red — the color of embers at dusk.
• Burnt Sienna (#8C4235): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#623C2A): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Hazy Harbor 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

• Sunlit Coral Balcony color palette (#FFE2E7, #FFABB4, #E78A86, #BA6F65, #693A2D)
• Washed Rust color palette (#FFF0F9, #EDA28A, #B54A25, #6F2D0E, #4D230F)
• Tempered Garden color palette (#E2DCFF, #D28AC5, #BB4B8C, #8E3D54, #543C56)
• Wandering Balcony color palette (#FFF0FC, #D9857A, #009BAF, #A1433A, #204858)
• Bronze Delta color palette (#FFE8FA, #E68E6D, #B65C00, #7D4C00, #325238)
• Faded Rose Canyon color palette (#FFE8E8, #FB301E, #A84300, #683100, #372F00)
• Timeworn Oat color palette (#FFF0FB, #EAD4D3, #E0C990, #9A656D, #594350)
• Soft Emerald Cabin color palette (#FFF0FA, #C0705B, #0B9254, #5762A5, #472F40)

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