Pine Pier color palette — #E2E1CD · #70A774 · #00855D · #006364 · #001502
A conversation between Fern and Moss, giving this palette its sense of nature and growth.
The five colors
- Bone (#E2E1CD): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#70A774): A luminous, balanced green — the color of new leaves after rain.
- Fern (#00855D): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#006364): A full-bodied, dusty teal — the color of sea glass.
- Ink (#001502): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Faded Lantern color palette (#F7ECD7, #979E54, #4D8100, #006647, #0F1100)
- Forest Basin color palette (#ECF0DA, #45AD8A, #008278, #096828, #00140C)
- Weathered Emerald Veranda color palette (#F7EBD1, #6A914A, #006247, #003E52, #071300)
- Lagoon Grove color palette (#E6E6D1, #75B989, #009575, #505E9E, #00220D)
- Weathered Station color palette (#F5EDE1, #72BDCD, #0090BA, #006D67, #001527)
- Frosted Boulevard color palette (#E8E5D7, #AAC494, #4FA662, #4278B0, #1C2F04)
- Feathered Summit color palette (#FAE3F0, #745EF7, #BE4B00, #007955, #070024)
- Eclipse Harbor color palette (#D2E8E1, #007E25, #00412C, #002424, #000400)
Browse the whole catalog at Explore, or see today's palette.