Washed Pine Harbor color palette — #E2F7F1 · #8BAA83 · #327542 · #633B22 · #00221E

Olive and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E2F7F1): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8BAA83): A luminous, dusty green — the color of new leaves after rain.
• Olive (#327542): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#633B22): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#00221E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Dusty Olive Station color palette (#E8F6EC, #A8A365, #656B00, #563B59, #062216)
• Chalky Moss color palette (#CDEEDA, #9B9A35, #556300, #5E3100, #181700)
• Softworn Harbor color palette (#FAF5E6, #7DA970, #2C7157, #614048, #35362F)
• Lagoon Meadow color palette (#D7EFEC, #5A9F71, #006546, #3F3A00, #001615)
• Lagoon Workshop color palette (#E9F5F4, #85BFC1, #26876F, #465C46, #142C2C)
• Frosted Amber Corridor color palette (#FBE1EB, #CC7B20, #009361, #7C4500, #002314)
• Weathered Workshop color palette (#F7F6E8, #91C584, #539160, #69625D, #35362F)
• Worn Marigold color palette (#FFEFDB, #CE9A45, #885900, #472E00, #160B00)

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