Pine Harbor color palette — #F6F7E0 · #2E7419 · #005745 · #2F2273 · #2E1500

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

The five colors

• Cream (#F6F7E0): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#2E7419): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#005745): A full-bodied, dusty teal — the color of glacier melt.
• Royal Purple (#2F2273): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#2E1500): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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

• Worn Boulevard color palette (#FDF4E7, #7E5700, #005D4E, #372465, #2C1503)
• Hushed Pine color palette (#F5F8E2, #25721B, #005973, #5E1753, #281F07)
• Washed Cabin color palette (#F5F6E8, #558F4C, #00676C, #47306D, #3A2512)
• Patina Forest color palette (#FFEBD6, #9C8431, #156C36, #4E3065, #32302A)
• Twilit Forest Corridor color palette (#E0E5C8, #005D21, #003B3B, #1F0043, #100400)
• Wandering Bronze Hollow color palette (#FDF0DD, #986F00, #006067, #542259, #49152F)
• Olive Courtyard color palette (#F0E0CD, #B09B45, #577728, #005227, #003B33)
• Worn Lagoon color palette (#D3F2E3, #00617F, #192E9E, #510012, #011601)

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