Pine Harbor color palette — #D8F6EF · #0F7E19 · #004220 · #112400 · #000403

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

The five colors

• Honeydew (#D8F6EF): A whisper-light, dusty teal — the color of sea glass.
• Olive (#0F7E19): A full-bodied, vivid green — the color of new leaves after rain.
• Forest (#004220): A deep, shadowed, balanced teal — the color of sea glass.
• Onyx (#112400): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000403): quiet, heavy and certain.

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

Use it as a design system

One click turns 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 Pine Market color palette (#ECE9D0, #3B7C39, #00432A, #1D2700, #011501)
• Fern Ridge color palette (#DEF5E7, #5A5D00, #242E00, #041A00, #000201)
• Airy Moss Veranda color palette (#D0E5DE, #6C9E48, #1E6620, #0F432D, #001712)
• Deep Cypress color palette (#D4F5EE, #006964, #004546, #002124, #000506)
• Dusty Emerald color palette (#C6EBDC, #40A73E, #005C45, #2B2E00, #000200)
• Lime Alley color palette (#DEF9ED, #98B543, #4A7B06, #33553A, #00271E)
• Lagoon Basin color palette (#DDF6F0, #009DA4, #00535D, #002C28, #000508)
• Hushed Aubergine Corridor color palette (#DBF4FF, #006776, #68009C, #003038, #06000D)

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