Pine Harbor color palette — #DAEA84 · #7FB359 · #007A35 · #003A2E · #000808

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

The five colors

• Butter (#DAEA84): A whisper-light, balanced green — the color of a quiet forest floor.
• Jade (#7FB359): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#007A35): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#003A2E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000808): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Softworn Ridge color palette (#B7F2B4, #00B887, #006D62, #003438, #000406)
• Linen Mustard Corridor color palette (#FFDC9E, #B6A11B, #576800, #153C00, #000502)
• Emerald Lantern color palette (#E5EACD, #499600, #00572E, #003125, #001917)
• Muted Emerald Studio color palette (#E6F4DE, #00A053, #005D4D, #002828, #000102)
• Aged Aubergine Study color palette (#FFEBCC, #729934, #00644B, #38006C, #000600)
• Emerald Alley color palette (#F9EBDC, #9CAC00, #0C9D26, #006964, #001820)
• Pale Quarry color palette (#DFFFE2, #00DBA2, #00968C, #004F53, #001C26)
• Aged Fern color palette (#F7F6EA, #D3DCD3, #B5C0A4, #566900, #100D00)

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