Hazy Harbor color palette — #FBF2F8 · #CBD2FF · #FA8976 · #8D96FC · #302018
A conversation between Lavender Blue and Salmon, giving this palette its sense of creativity and balance.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Lilac Frost (#CBD2FF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Salmon (#FA8976): A luminous, balanced orange — the color of toasted spice.
- Lavender Blue (#8D96FC): A luminous, balanced violet — the color of a velvet chair.
- Onyx (#302018): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Creativity, Balance. Tagged duotone.
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
- Frosted Blush color palette (#EDF8F5, #B2DAFF, #F784A9, #4EA8F2, #321E1B)
- Apricot Courtyard color palette (#FBF3F5, #ECD3FB, #EBA384, #C099D5, #332C28)
- Patina Basin color palette (#FFF1F5, #C499EB, #DE8334, #439978, #341F2B)
- Iris Lagoon color palette (#FFF1F6, #F1D3EA, #CE82AC, #9976C5, #1E0C0D)
- Orchid Market color palette (#FFECF3, #CCB3FF, #F46C00, #A364FF, #200B00)
- Airy Blush Boulevard color palette (#FAF6DF, #CDBBFD, #DB86A8, #1D9588, #50343B)
- Tempered Peony color palette (#F4F4FC, #D2B4FB, #C16FA7, #8F6DBB, #27212E)
- Muted Loft color palette (#FAF3F5, #E3D8D4, #9DB4A5, #B8A0CF, #4F4448)
Browse the whole catalog at Explore, or see today's palette.