Hazy Harbor color palette — #F1F5FF · #8F98E7 · #9F8911 · #585EA0 · #4D4212
Moss takes the lead with Lavender Blue close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender Blue (#8F98E7): A luminous, balanced violet — the color of twilight just after sunset.
- Moss (#9F8911): A luminous, balanced green — the color of fresh herbs.
- Slate (#585EA0): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Olive (#4D4212): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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 Denim color palette (#EBF2FF, #90A0DE, #91924A, #505FA2, #2A2900)
- Worn Grove color palette (#F4F4FF, #BB84E2, #7C9447, #77558F, #184D40)
- Muted Periwinkle color palette (#EDF6FF, #4FA6ED, #B97937, #296A9D, #593644)
- Cobalt Summit color palette (#FFF0FA, #A9B2F4, #B6A556, #7077C7, #4C4214)
- Misty Iris color palette (#F1F5FF, #817AD8, #AF6542, #39775E, #30374D)
- Frosted Canyon color palette (#E9DEFF, #AA6CFF, #627B00, #550097, #273300)
- Antique Taupe Boulevard color palette (#FFF1F5, #C0A26E, #906941, #694459, #2F4237)
- Timeworn Coast color palette (#F1F5FF, #E8D9E1, #EBBCD8, #6C81A1, #4E5163)
Browse the whole catalog at Explore, or see today's palette.