Pale Pine Harbor color palette — #FBF2FA · #B1DDEC · #32A2D0 · #008147 · #223A5F

A conversation between Fern and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Powder Blue (#B1DDEC): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#32A2D0): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008147): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#223A5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Washed Lagoon Field color palette (#FAF2F7, #D2DFF9, #7BA9D9, #058F76, #404469)
• Airy Lantern color palette (#F7EAF1, #A3CAE4, #4C86DA, #006D61, #2B2555)
• Cerulean Summit color palette (#F9F4EE, #94D2D5, #00879D, #006150, #1C4334)
• Antique Mint Station color palette (#DBF5D9, #5DC59E, #00908E, #006885, #054365)
• Emerald Bloom color palette (#E7F9FF, #D3D9FA, #DAB7FB, #439C5C, #0B4453)
• Antique Cerulean Veranda color palette (#E4FAFF, #73C9E1, #0094AC, #005D72, #002530)
• Timeworn Coral color palette (#DEF2FB, #54B8C6, #E36A6E, #00808E, #5D1B20)
• Hushed Denim Villa color palette (#EEE3EC, #5C9EA7, #006086, #003E24, #00032A)

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