Pine Coast color palette — #D4EAE3 · #8FB07D · #1C882C · #006267 · #07302A

Olive Leaf takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D4EAE3): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#8FB07D): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#1C882C): A full-bodied, vivid green — the color of a quiet forest floor.
• Peacock (#006267): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#07302A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Pine Coast 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

• Teal Basin color palette (#D0EBEA, #5DB995, #00856E, #1A5D79, #052F31)
• Tempered Moss Pier color palette (#D3ECD9, #869539, #2C632D, #353B5A, #0C3026)
• Hushed Olive Atelier color palette (#D9EADE, #ACA86E, #707900, #79424A, #0D3022)
• Quiet Emerald Meadow color palette (#E8FAF4, #9FCA82, #409D40, #8D5B43, #2C421C)
• Worn Cerulean color palette (#E4F2EF, #91D1D6, #0097A9, #006C66, #003440)
• Emerald Garden color palette (#EAE4D4, #AEC386, #68A261, #4B7AA0, #2E2A05)
• Hushed Lagoon Boulevard color palette (#D0F3F4, #009982, #00605A, #003B5F, #00140F)
• Dusty Coast color palette (#FFF1F5, #C2BF78, #548549, #67406A, #1B1900)

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