Pine Harbor color palette — #E4F1E4 · #98A028 · #008833 · #744D00 · #00140D
A conversation between Olive Leaf and Moss, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E4F1E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#98A028): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#008833): A full-bodied, balanced green — the color of a quiet forest floor.
- Bronze (#744D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#00140D): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, 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
- Jade Alley color palette (#DBEFE5, #6BA96E, #008272, #5C5900, #001502)
- Chalky Moss color palette (#F2E5CA, #838B1A, #375F00, #443700, #0F1100)
- Tempered Dune color palette (#D9EDE3, #61AC5D, #00836F, #753E6E, #011501)
- Crimson Pier color palette (#D1E9E0, #009376, #D7004E, #9A3B00, #000A06)
- Pale Emerald color palette (#FFE6EE, #AFAB54, #2A980F, #007278, #002115)
- Weathered Iris color palette (#C9E8EA, #85B7E8, #7E98FF, #747E00, #001E1C)
- Obsidian Olive color palette (#EBE2D5, #676E13, #0E4200, #291C00, #030300)
- Worn Villa color palette (#D0ECE5, #7ECCB0, #00A4AF, #628046, #003033)
Browse the whole catalog at Explore, or see today's palette.