Glacier Harbor color palette — #F0F8F1 · #D2E2F1 · #96D2DD · #7BACB0 · #415662

A conversation between Ice Blue and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Frost (#D2E2F1): A whisper-light, dusty blue — the color of open sky before noon.
• Ice Blue (#96D2DD): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7BACB0): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#415662): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Glacier 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

• Hushed Seafoam color palette (#D8FEFF, #7AECD6, #59CAC8, #61A6AC, #355260)
• Wandering Workshop color palette (#E7F9FE, #69ECF1, #FBB0B1, #5ABABE, #5B445B)
• Muted Cerulean color palette (#D9E7DC, #62C0D2, #0090B9, #006E66, #001626)
• Wandering Courtyard color palette (#E8F8FF, #67DBE9, #DDA9DE, #C1AC7F, #2E4650)
• Powder Studio color palette (#EEF8F0, #C2E6FF, #8AB5E9, #4699AB, #2C3B54)
• Hushed Pier color palette (#F2F2EC, #C9DFD8, #83A789, #117C6D, #213D2B)
• Tempered Stone color palette (#FFF1F7, #C5E3C2, #D5AC8F, #A28A99, #3D4C40)
• Powder Pier color palette (#F0F7F1, #D6DFEE, #99D0E9, #77ACB7, #435564)

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