Pine Pier color palette — #D9EDE6 · #689760 · #007549 · #414F00 · #010900
Pine takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D9EDE6): A whisper-light, dusty teal — the color of sea glass.
- Moss (#689760): A luminous, balanced green — the color of fresh herbs.
- Pine (#007549): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#414F00): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#010900): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Muted Fern Station color palette (#E6F4E8, #948B3B, #586B00, #00572B, #070600)
- Worn Olive color palette (#DDF2E6, #56824D, #005242, #312C00, #010800)
- Hushed Garden color palette (#D2E6DE, #75A860, #00864B, #00635D, #001410)
- Petrol Corridor color palette (#D6E3D9, #6BAEAF, #008396, #005F4C, #000B12)
- Moss Terrace color palette (#DDEDE2, #A5B04E, #549200, #2F7258, #1A1D00)
- Muted Byzantium color palette (#DDF2F6, #007D8C, #A700A5, #6D5500, #000203)
- Moonless Boulevard color palette (#E8E7CE, #386530, #003414, #0C1800, #000200)
- Feathered Scarlet color palette (#C6E6F1, #008F98, #D3002E, #006066, #140001)
Browse the whole catalog at Explore, or see today's palette.