Pine Harbor color palette — #D4E5DC · #2F7F25 · #004236 · #3F0A25 · #001411
Built around Olive, softened by Deep Indigo — the whole palette hums with nature and growth.
The five colors
- Silver (#D4E5DC): A whisper-light, dusty teal — the color of sea glass.
- Olive (#2F7F25): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004236): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#3F0A25): A deep, shadowed, balanced rose — the color of a warm blush.
- Ink (#001411): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, 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
- Ancient Pine color palette (#D4E5DE, #338E54, #00504A, #43203B, #00220C)
- Worn Olive Summit color palette (#FDDDE6, #726F00, #094405, #370B3B, #111000)
- Cypress Workshop color palette (#E2EACD, #007B58, #004034, #002231, #000402)
- Powdered Archive color palette (#E9D9DE, #AD005B, #00594A, #56002A, #00140F)
- Ancient Lantern color palette (#D2EDDA, #789757, #006547, #3C3959, #003129)
- Gentle Emerald Grove color palette (#D7F3E8, #00AE5E, #006963, #682C3D, #02381B)
- Chalky Tangerine Hollow color palette (#FFE4F3, #F2704D, #8A7200, #4D2869, #35060A)
- Washed Aubergine color palette (#E7E2CD, #71A771, #008467, #743785, #001501)
Browse the whole catalog at Explore, or see today's palette.