Pine Harbor color palette — #CFECE2 · #A29A00 · #6F9000 · #03761B · #030800
Built around Olive, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Honeydew (#CFECE2): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#A29A00): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#6F9000): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#03761B): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#030800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
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
- Washed Boulevard color palette (#CDFBF3, #97AF00, #489E00, #006E49, #000601)
- Gentle Amber color palette (#E3E0C0, #BE9200, #738800, #007048, #041900)
- Amber Pier color palette (#DAF0E0, #D68700, #9D7900, #616600, #050400)
- Aged Field color palette (#DFF4E6, #867A00, #444800, #342800, #090800)
- Faded Lagoon color palette (#D2FAEE, #F99225, #95A100, #00858D, #031A00)
- Pine Atelier color palette (#D9E3D6, #008333, #00572F, #00311E, #000D08)
- Powdered Lantern color palette (#D1FFE0, #6BDC00, #00B26B, #00836E, #00170C)
- Tempered Pine color palette (#DDEEF1, #00884F, #006B59, #00474B, #000201)
Browse the whole catalog at Explore, or see today's palette.