Pine Pier color palette — #DDEED8 · #007939 · #004034 · #001D1B · #000202
Built around Olive, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DDEED8): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#007939): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004034): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001D1B): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, 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
- Cellar Cypress Coast color palette (#D8F8EA, #006863, #00373D, #000E14, #000103)
- Velvet Forest Veranda color palette (#FDECCB, #006729, #003734, #24002D, #000201)
- Antique Lagoon Terrace color palette (#D8EFDF, #009467, #006553, #003733, #000F0F)
- Midnight Boulevard color palette (#E3DED1, #706700, #283D00, #001A02, #000201)
- Muted Moss Boulevard color palette (#E4DFC7, #55A600, #00604C, #002226, #000103)
- Quiet Moss color palette (#E0E9D5, #6AA400, #00895C, #005058, #000202)
- Hushed Spruce color palette (#E1E2D9, #9BA48D, #71816C, #094305, #040500)
- Ancient Cypress Veranda color palette (#CCE9D6, #007B73, #004F65, #3A0C2D, #1A0004)
Browse the whole catalog at Explore, or see today's palette.