Forest Harbor color palette — #E8F0F0 · #BED0D6 · #8AA4B9 · #006545 · #173334

A conversation between Pine and Blue Fog, giving this palette its sense of sophistication.

The five colors

• Cream (#E8F0F0): bright and airy, almost weightless.
• Oat (#BED0D6): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#8AA4B9): A luminous, dusty blue — the color of deep harbor water.
• Pine (#006545): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#173334): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Dusty Forest color palette (#E7EAE4, #C4CFC2, #91AB99, #00644E, #12180D)
• Wandering Cypress color palette (#E8F0F1, #CCDADE, #9ABECD, #158469, #213133)
• Hushed Abyss color palette (#D7E3E6, #AEBBC4, #7E8FA9, #00504B, #00242B)
• Muted Sapphire color palette (#EEF6FF, #DCD6E4, #BEB8CF, #0069C7, #344150)
• Softworn Cocoa color palette (#D6E7CF, #65A59E, #3E668E, #5F3A0B, #372E00)
• Weathered Corridor color palette (#F4DDE9, #A1894B, #4A5E00, #004841, #0D311A)
• Worn Onyx color palette (#E7EDF2, #959AA6, #706D88, #002E49, #000A17)
• Wandering Pine color palette (#F5D2EB, #3D8A46, #00566B, #610F00, #002C22)

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