Pine Pier color palette — #D4F6EB · #007937 · #004738 · #002037 · #000703
A conversation between Olive and Forest, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D4F6EB): A whisper-light, dusty teal — the color of glacier melt.
- Olive (#007937): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004738): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#002037): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000703): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged retro, 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
- Olive Archive color palette (#C7E7D7, #5F6D00, #104801, #002329, #030700)
- Patina Navy color palette (#D4EEE8, #00765D, #004544, #000565, #000705)
- Olive Studio color palette (#F1E0D3, #5A7000, #00483E, #450032, #011D02)
- Wandering Grove color palette (#EFEBCA, #009A42, #006851, #003B5E, #001C0D)
- Ancient Nightshade color palette (#D4F9F2, #009384, #005E65, #240090, #001615)
- Moonless Balcony color palette (#C5EAE7, #00505A, #002737, #120025, #000102)
- Washed Navy color palette (#E0F8F1, #66AE88, #007C6E, #14477C, #00292B)
- Moss Thicket color palette (#D0F2F0, #78B446, #009F5C, #00715C, #000603)
Browse the whole catalog at Explore, or see today's palette.