Pine Harbor color palette — #FFF2EB · #85F0EC · #00AEC9 · #00884F · #12455F

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sea Foam (#85F0EC): A whisper-light, balanced teal — the color of glacier melt.
• Cyan (#00AEC9): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00884F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#12455F): 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 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

• Muted Azure Harbor color palette (#FFF2EB, #9DE8FF, #05A5F4, #008477, #2C3F65)
• Softworn Market color palette (#EDF9EF, #D4D7E8, #00C4D7, #008B68, #003C4B)
• Chalky Forest color palette (#FFF2EE, #91DEDC, #008DAF, #006C21, #1A4269)
• Emerald Studio color palette (#FBF2FC, #B0F3F0, #07CAF5, #38AB42, #074270)
• Dusty Harbor color palette (#FCF3ED, #C7EFDF, #87A6D4, #3B888C, #573F4F)
• Misty Fuchsia Hollow color palette (#F9E2FF, #E580FF, #009989, #518F00, #3E2545)
• Powdered Veranda color palette (#F6E6DC, #4CC1E8, #0079C3, #005A54, #101C41)
• Tempered Grove color palette (#F3E5DE, #43A0BB, #005D8F, #003C36, #00032A)

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