Pale Harbor color palette — #EFF8F1 · #B0EEE9 · #00C9D9 · #21A378 · #1A3F51

Built around Cyan, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF8F1): a clean, paper-quiet neutral.
• Sea Foam (#B0EEE9): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00C9D9): A luminous, balanced blue — the color of deep harbor water.
• Fern (#21A378): A luminous, balanced teal — the color of glacier melt.
• Deep Teal (#1A3F51): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: 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

• Timeworn Veranda color palette (#F0F7F2, #CFE0F9, #73CAEE, #4CAAA1, #2E4B63)
• Softworn Grove color palette (#E8F1EA, #94E0F6, #0BB2F1, #00918F, #10304C)
• Wandering Turquoise color palette (#FFF2EE, #CDE2FA, #34B7D7, #4E7C49, #00372D)
• Wisteria Coast color palette (#D3EDD6, #DDA31F, #00BBC4, #BF73CE, #16331C)
• Wandering Alley color palette (#DEE9E0, #59B1B1, #008394, #005F4A, #000B11)
• Aqua Harbor color palette (#E3FDE7, #A3ECD1, #68CCD2, #D69B70, #314839)
• Dusty Lagoon Courtyard color palette (#F3F3E8, #B4D1B0, #008D91, #005D4D, #00262A)
• Frosted Study color palette (#E5F3E5, #F1B152, #7CB2FF, #C38200, #19355D)

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