Ancient Pine Harbor color palette — #FBF3F0 · #C9E5CE · #4694BA · #1D7348 · #553F54

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#C9E5CE): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#4694BA): A luminous, balanced blue — the color of deep harbor water.
• Pine (#1D7348): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#553F54): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Wandering Periwinkle color palette (#FAF4EF, #C5EBED, #7D99CD, #3E7B74, #644957)
• Timeworn Villa color palette (#FDF3EF, #87E0E1, #008CB3, #006C2E, #1F4169)
• Wandering Cobalt Delta color palette (#FEF3EC, #A8D0B9, #167CC9, #00624D, #4D2F44)
• Frosted Olive color palette (#FFF0FD, #6586D0, #877E00, #46702B, #462F43)
• Cerulean Meadow color palette (#ECF4EE, #B4E5F7, #4C9AAF, #196D5E, #192F3E)
• Cerulean Station color palette (#FFF0FD, #E8D9D7, #EBA7B8, #3E90A3, #5A4250)
• Washed Teal Garden color palette (#FAF3F8, #CEE4FD, #8EC7DE, #5BAA8C, #304A63)
• Tempered Petrol color palette (#F6ECE8, #7CBEC8, #0070A0, #005235, #1C2C51)

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