Washed Pine Harbor color palette — #F7F6EC · #97BB93 · #30855E · #6C4E69 · #434700

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

The five colors

• Ivory (#F7F6EC): bright and airy, almost weightless.
• Sage (#97BB93): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#30855E): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#6C4E69): A full-bodied, dusty pink — the color of peonies in June.
• Deep Olive (#434700): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Hushed Fern Quarry color palette (#F5F6EB, #88BDA4, #2F8377, #44624F, #354B03)
• Antique Lagoon Workshop color palette (#F7F1E7, #A9BB8C, #488364, #6C4B4C, #2A2813)
• Timeworn Olive color palette (#FDF4E3, #9EAC5C, #3E7B00, #644170, #3C3B34)
• Weathered Lagoon Lantern color palette (#EDF9F0, #B8CD9F, #619E80, #756D83, #324842)
• Airy Mulberry Coast color palette (#FFF1F1, #D281B2, #31A96E, #943475, #1F4D34)
• Cerulean Lantern color palette (#F9F4EE, #C0E7D0, #3E94C0, #007170, #2D4F47)
• Jade Study color palette (#EAEED7, #1DAB7B, #00695E, #3E3977, #003825)
• Hushed Villa color palette (#EAE5D3, #7A9754, #00671D, #522F51, #2D2A08)

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