Pine Pier color palette — #E1FDF0 · #93AC7A · #00742B · #00463D · #040A00
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#E1FDF0): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#93AC7A): A luminous, dusty green — the color of fresh herbs.
- Olive (#00742B): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#00463D): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#040A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, 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
- Ancient Abyss Hollow color palette (#E2FBF9, #63B597, #006F67, #004918, #000A06)
- Emerald Courtyard color palette (#CDE8E1, #59A06E, #005C46, #003235, #000200)
- Pine Study color palette (#E9FAF3, #A4C796, #198C52, #2F5181, #001E1A)
- Abyss Veranda color palette (#DDEFE3, #788046, #254600, #001E2E, #010100)
- Tempered Emerald color palette (#D2E5D3, #A3AF62, #059849, #057080, #002117)
- Cerulean Dune color palette (#EEF8F0, #A3D5E4, #00899D, #005341, #000F17)
- Olive Ridge color palette (#F2EACB, #5E8924, #00541D, #00372F, #1E1C00)
- Lagoon Garden color palette (#E7FAF5, #ABDBD6, #4C9C7D, #4D6196, #002F2C)
Browse the whole catalog at Explore, or see today's palette.