Pine Harbor color palette — #F9EED1 · #BEAD00 · #80A100 · #008226 · #003E29
Olive takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F9EED1): A whisper-light, dusty gold — the color of old brass.
- Gold (#BEAD00): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#80A100): A luminous, vivid green — the color of a quiet forest floor.
- Olive (#008226): A full-bodied, vivid green — the color of fresh herbs.
- Forest (#003E29): 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
- Moss Corridor color palette (#E2E5C6, #93A900, #698C00, #396200, #0E4000)
- Wandering Moss color palette (#F3F2D1, #8FC600, #33B30A, #008252, #00423B)
- Marigold Parlor color palette (#EDDFD7, #EC9C02, #B08900, #6E7400, #223800)
- Worn Canyon color palette (#F4E9CF, #948900, #4C6B00, #004B17, #001F10)
- Pale Emerald color palette (#E5F6D7, #68C27D, #00A276, #00786E, #003A41)
- Hushed Clover Garden color palette (#C2FEC3, #75E177, #00BA54, #007E27, #002306)
- Quiet Ridge color palette (#D7FFF6, #88FED7, #4DE8FF, #B39B00, #04481F)
- Muted Emerald color palette (#DDFFEA, #CED9A5, #9EC17F, #49A172, #2F5B60)
Browse the whole catalog at Explore, or see today's palette.