Pine Pier color palette — #E6FBF1 · #8FAF6F · #037F31 · #005F52 · #2C430C
Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E6FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#8FAF6F): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#037F31): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#005F52): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Olive (#2C430C): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Pier 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
- Antique Cypress color palette (#E7FAF7, #7AB195, #007B6B, #005B69, #09462F)
- Pine Chapel color palette (#E9F6E9, #A5B05C, #008138, #005662, #202300)
- Forest Loft color palette (#D3EBE3, #72976C, #00653F, #004845, #163012)
- Wandering Emerald Basin color palette (#FFF3E4, #B6C378, #339E57, #207584, #3C3B34)
- Chartreuse Summit color palette (#FEF5D7, #B0E07D, #65BB74, #4B998A, #30411D)
- Tempered Lagoon color palette (#EEF8F4, #A5C9C3, #568C8A, #526883, #3B534E)
- Tempered Spruce color palette (#D2E5D8, #6A712C, #224100, #002638, #0F1100)
- Onyx Courtyard color palette (#CDE7DF, #366B3F, #003424, #050052, #000901)
Browse the whole catalog at Explore, or see today's palette.