Misty Pine Harbor color palette — #DDF9F0 · #8DB675 · #05821F · #42540C · #002721

A conversation between Olive Leaf and Sage, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DDF9F0): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8DB675): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#05821F): A full-bodied, vivid green — the color of new leaves after rain.
• Deep Olive (#42540C): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#002721): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Worn Hollow color palette (#DFF8F7, #64BB9B, #007D6A, #26583B, #002628)
• Olive Dune color palette (#E1F9E8, #B4AA57, #6C7100, #5C4A0C, #252100)
• Tempered Forest Study color palette (#CCEEE3, #6BA751, #006F24, #004A33, #071C00)
• Feathered Field color palette (#E9FAF1, #C0E6A6, #00AD6F, #726D34, #00372F)
• Lime Canyon color palette (#F9F7DC, #93CE6C, #599859, #626F45, #3B3B34)
• Lagoon Thicket color palette (#D9EAEA, #008E6A, #005043, #00331B, #000B06)
• Wandering Lagoon Orchard color palette (#E6F6F2, #8EE1DC, #00959A, #006454, #002B30)
• Quiet Corridor color palette (#DCF8FF, #00AEAD, #9A8100, #006968, #282000)

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