Pine Harbor color palette — #E9FED3 · #C2ECAF · #6CB067 · #007C3F · #1F4F37
Olive and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#E9FED3): A whisper-light, dusty green — the color of new leaves after rain.
- Mint (#C2ECAF): A whisper-light, balanced green — the color of a quiet forest floor.
- Jade (#6CB067): A luminous, balanced green — the color of fresh herbs.
- Olive (#007C3F): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#1F4F37): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Lime Cabin color palette (#D5EDBA, #81C363, #448C44, #32693E, #0F4D4C)
- Moss Delta color palette (#FFF4DC, #E1DF9B, #A5AB3C, #657700, #394A1C)
- Gentle Teal Loft color palette (#DBFFEC, #95ECCE, #2EBDA0, #008175, #004543)
- Jade Grove color palette (#ECFCD7, #A8F0F0, #50B58B, #006A4D, #00291B)
- Tempered Fern color palette (#EFFAE3, #C6E3D5, #BAB3BC, #7DAE83, #3A5413)
- Gentle Mint color palette (#D2FFDA, #00DF8B, #009E76, #005747, #00312A)
- Gentle Emerald Alley color palette (#DEE9DD, #07A137, #005E30, #002D1D, #000503)
- Linen Emerald Harbor color palette (#F4F7E8, #B1E4AF, #FCA170, #2CA434, #582A0F)
Browse the whole catalog at Explore, or see today's palette.