Hazy Pine Harbor color palette — #FFF2EE · #4EE3E9 · #009AC7 · #007839 · #053165
Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Ice Blue (#4EE3E9): A whisper-light, balanced teal — the color of sea glass.
- Cerulean (#009AC7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#007839): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#053165): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Hazy Pine 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
- Turquoise Veranda color palette (#FDF2EF, #97E5E2, #25A5C7, #407C45, #14443A)
- Timeworn Terrace color palette (#FFF2EA, #78D9FF, #258CFA, #007464, #2E2A5F)
- Powdered Turquoise Ridge color palette (#FDF1F9, #B8FDFE, #00ABCE, #00764F, #00273F)
- Cobalt Chapel color palette (#EFDCD4, #4CC5CF, #007FAB, #005D34, #071D43)
- Wandering Aqua color palette (#E3FBF6, #68CACD, #007C89, #00564F, #003A45)
- Wandering Lagoon color palette (#FCF3EF, #C8F0D7, #7AAAD2, #458A71, #563F50)
- Wisteria Study color palette (#CBFFFC, #B9E3FF, #C1A3FF, #368C4C, #003B4B)
- Frosted Archive color palette (#BDF4FF, #02C2ED, #008CA7, #004E5B, #001D23)
Browse the whole catalog at Explore, or see today's palette.