Hazy Harbor color palette — #F0DADD · #1C71FB · #8E00A2 · #6A2C00 · #040001

Plum takes the lead with Sapphire close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#F0DADD): A whisper-light, dusty red — the color of a theater curtain.
• Sapphire (#1C71FB): A full-bodied, vivid violet — the color of wild irises.
• Plum (#8E00A2): A full-bodied, vivid pink — the color of neon signs at night.
• Rust (#6A2C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Creativity, Energy, Balance. Tagged candy, vibrant, light.

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

• Timeworn Grape color palette (#F0E3FF, #007ACA, #8601D0, #7D0501, #040003)
• Byzantium Meadow color palette (#F7D8DC, #A457CF, #A007A5, #710048, #080005)
• Tempered Byzantium Summit color palette (#E7E4F9, #8783FF, #AA38C4, #B50218, #080004)
• Worn Byzantium color palette (#F0DCD9, #9C38FE, #B40069, #563D00, #050000)
• Tempered Villa color palette (#FEE5F7, #008AA6, #3B3FD7, #660041, #020006)
• Midnight Mulberry Loft color palette (#DFDCF5, #814365, #552F16, #121F01, #000402)
• Ancient Navy color palette (#EADED1, #3E7FAC, #1D2794, #001F1F, #020007)
• Soft Crimson color palette (#F5DDD8, #B082FF, #EB1049, #615200, #100100)

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