Pale Harbor color palette — #FBF2FB · #97EBE8 · #00BDE6 · #00A02A · #00345E

Built around Kelly Green, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2FB): a clean, paper-quiet neutral.
• Sea Foam (#97EBE8): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#00BDE6): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#00A02A): A luminous, vivid green — the color of a quiet forest floor.
• Navy (#00345E): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Energy. 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

• Soft Moss color palette (#D6F1FC, #00B6E2, #BB9700, #6B9F00, #002935)
• Hazy Periwinkle Bloom color palette (#FEF1F9, #9AE7FF, #5AB1FF, #009B7C, #26276D)
• Faded Pine color palette (#F4E9F4, #84CFD2, #00A0CF, #008340, #001E46)
• Tempered Powder color palette (#F9F3F7, #D0E2FB, #81C6F3, #61A987, #384862)
• Turquoise Field color palette (#EEF6FF, #EFD2ED, #FFB3AA, #00B9CE, #25315F)
• Hushed Lantern color palette (#FEEEE6, #71CDCA, #007F94, #005530, #001D2D)
• Cornflower Hollow color palette (#F4E2ED, #73BCD4, #0085E5, #006F5B, #0E0A38)
• Patina Lapis color palette (#CAF4F4, #1BC6F5, #2699FC, #5454FF, #411971)

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