Pale Harbor color palette — #FFF2ED · #85DFE9 · #058ABC · #006B3F · #2A3F65

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Ice Blue (#85DFE9): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#058ABC): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006B3F): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2A3F65): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Patina Cobalt color palette (#FFF2EA, #96CFE6, #4E7BAF, #036152, #4E2F43)
• Softworn Petrol color palette (#FFF2EC, #4CCBDE, #0076AA, #00593B, #1A2D68)
• Worn Garden color palette (#E7F6F3, #9ADDE5, #0093A9, #00625F, #002A36)
• Airy Turquoise color palette (#F5F7E6, #9CEAF3, #00AEC8, #00837F, #004759)
• Tempered Ash color palette (#FCF3EE, #C8EBE8, #71A598, #627653, #614B5A)
• Weathered Lagoon color palette (#F4E5DF, #00A3A8, #00516A, #003214, #001330)
• Wandering Quarry color palette (#F3E7DD, #388AAF, #003783, #00231E, #0A0125)
• Feathered Sky color palette (#FCF1F9, #ABF3FB, #32C7FA, #00AA82, #054270)

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