Hazy Harbor color palette — #F8DDE4 · #CC4578 · #007675 · #710037 · #000201

Fuchsia and Mulberry set the tone — five colors that lean into balance.

The five colors

• Shell Pink (#F8DDE4): A whisper-light, dusty red — the color of late-summer berries.
• Fuchsia (#CC4578): A full-bodied, vivid red — the color of a theater curtain.
• Teal (#007675): A full-bodied, balanced teal — the color of shallow lagoons.
• Mulberry (#710037): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#000201): quiet, heavy and certain.

Feels like: 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

• Muted Peony Thicket color palette (#F6D5D7, #CA5BB1, #00763D, #5D004E, #000200)
• Airy Rust Harbor color palette (#F9E3DA, #CF5000, #007487, #662400, #000102)
• Mulberry Hollow color palette (#FDDCD4, #A90049, #005554, #530020, #000404)
• Antique Plum Terrace color palette (#F5E1FA, #E0567B, #009484, #B5004E, #001410)
• Hushed Coral Alley color palette (#FFDCD8, #F0656B, #90002F, #380003, #040000)
• Patina Driftwood color palette (#FFE5C8, #94873A, #6C4300, #410C00, #010100)
• Magenta Atelier color palette (#EEEAFF, #00A5CE, #E100BE, #1A0A05, #040000)
• Plum Parlor color palette (#FFF1F3, #FF899C, #00AEBE, #C5004D, #002428)

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