Forest Harbor color palette — #DDEDE7 · #779961 · #066815 · #5C2709 · #001713

Pine and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DDEDE7): bright and airy, almost weightless.
• Moss (#779961): A luminous, balanced green — the color of fresh herbs.
• Pine (#066815): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#5C2709): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#001713): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Lagoon Villa color palette (#DFF1F0, #4EA081, #006454, #4C3300, #001617)
• Antique Coast color palette (#E5F6F2, #7DAE80, #007845, #5E394A, #00221F)
• Worn Lagoon Veranda color palette (#D5E7E8, #43A08A, #00635A, #003D5E, #001711)
• Gentle Pine Grove color palette (#F2EADD, #8E6100, #0C7216, #891837, #120900)
• Dusty Driftwood color palette (#EAF5F0, #9FCFC2, #6C8E5C, #536854, #223630)
• Midnight Workshop color palette (#CDE8D5, #746900, #373900, #331400, #030300)
• Frosted Amber Thicket color palette (#FFD9AE, #CC7F00, #7F5000, #3D2300, #0B0400)
• Pale Orchard color palette (#FADDE6, #E3C79C, #B4A04A, #944808, #0B240C)

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