Pine Harbor color palette — #DDE0D3 · #D3B474 · #3D8D46 · #015918 · #0B0D00
A conversation between Fern and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Bone (#DDE0D3): a clean, paper-quiet neutral.
- Sand (#D3B474): A luminous, balanced gold — the color of honey in a jar.
- Fern (#3D8D46): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#015918): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#0B0D00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark.
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
- Tempered Lagoon Field color palette (#ECF0E4, #E4C482, #539971, #296444, #131806)
- Hushed Bronze color palette (#E4DDCE, #DAB25C, #8C7900, #554800, #110A00)
- Marigold Field color palette (#DFE7D7, #CA9E37, #007A5C, #004432, #010300)
- Forest Meadow color palette (#DCE0D3, #D99075, #00663C, #00321B, #090D00)
- Aged Apricot color palette (#E4FAFA, #FF9F73, #00613F, #001F11, #000202)
- Hushed Bronze color palette (#D1E4D9, #A97F0C, #005166, #001921, #000201)
- Teal Lantern color palette (#EAF1E8, #CAD6D3, #A1C1BF, #00A996, #263221)
- Muted Ash Veranda color palette (#EFF8F1, #F2DAB4, #6AAAB7, #567661, #212F26)
Browse the whole catalog at Explore, or see today's palette.