Pine Harbor color palette — #D8E4CF · #108D1F · #006B5E · #00495B · #000201
Built around Kelly Green, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D8E4CF): A whisper-light, dusty green — the color of fresh herbs.
- Kelly Green (#108D1F): A full-bodied, vivid green — the color of new leaves after rain.
- Pine (#006B5E): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#00495B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, 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
- Linen Thicket color palette (#EAEFD2, #7E7A00, #18750E, #004E4B, #000201)
- Washed Navy Balcony color palette (#D4F3DB, #008A78, #007081, #00447C, #000102)
- Smoked Forest color palette (#E7E9D6, #006940, #003229, #051900, #010100)
- Midnight Onyx Grove color palette (#CFE8DF, #006368, #003E56, #2C0019, #0E0000)
- Weathered Cerulean Workshop color palette (#F5EBDB, #00879D, #004259, #001F1E, #000104)
- Muted Station color palette (#D5E6CD, #B1AC00, #009E87, #005AA8, #000102)
- Garnet Pier color palette (#D5F3E1, #005568, #711000, #00232C, #040000)
- Gentle Nightshade color palette (#DEEBF6, #009FB4, #0072A6, #492AC3, #000106)
Browse the whole catalog at Explore, or see today's palette.