Pine Harbor color palette — #FBF3F1 · #CCE7E1 · #78A591 · #417E55 · #604A60

Fern takes the lead with Eucalyptus close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Silver (#CCE7E1): A whisper-light, dusty teal — the color of sea glass.
• Eucalyptus (#78A591): A luminous, dusty teal — the color of glacier melt.
• Fern (#417E55): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#604A60): A full-bodied, dusty pink — the color of peonies in June.

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

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

• Weathered Pine color palette (#FDF3EF, #CBE4D0, #5292B7, #00754A, #583E55)
• Worn Turquoise color palette (#F8F5EF, #C8ECE2, #76BECE, #589482, #395046)
• Washed Pine Pier color palette (#FFF1F1, #C1829F, #7B9450, #228554, #563A38)
• Spruce Delta color palette (#F8E9E5, #71ABA8, #006177, #02420B, #00203D)
• Antique Violet Thicket color palette (#FFF1F4, #C4A2CE, #73A877, #9354A6, #365639)
• Onyx Dune color palette (#F4E6DF, #569BAB, #004E7A, #003123, #090049)
• Hushed Cobalt Lantern color palette (#FAF4EE, #ACCEC2, #5E73BE, #00605F, #40315B)
• Softworn Bronze color palette (#FFF2EB, #C9B49F, #AD6F4A, #7B4E5A, #5C4300)

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