Pine Harbor color palette — #DDFEF2 · #85B459 · #347C2C · #005D5F · #11443B
Olive takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DDFEF2): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#85B459): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#347C2C): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#005D5F): A full-bodied, dusty teal — the color of glacier melt.
- Forest (#11443B): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, 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
- Patina Jade color palette (#E1FCFA, #1ABF89, #007B64, #1C5871, #134244)
- Softworn Pine Veranda color palette (#E5F7ED, #9AB368, #3F7B39, #165079, #1A2500)
- Airy Emerald color palette (#CFECE4, #5C9F51, #146532, #194452, #00312C)
- Chalky Mustard Dune color palette (#E2FDEB, #B1A637, #6A7000, #733F48, #413C0E)
- Worn Courtyard color palette (#FCF5E1, #ADC67B, #5F965A, #396E97, #334015)
- Wandering Quarry color palette (#ECF9F3, #BAC899, #5F8B81, #70606C, #3E524B)
- Glacier Workshop color palette (#EAF9F6, #67E4ED, #008FA1, #006761, #004857)
- Clover Lagoon color palette (#FFF1F6, #DBD08E, #81B75C, #AC6FAB, #433B0D)
Browse the whole catalog at Explore, or see today's palette.