Pine Pier color palette — #DCF5EB · #12914B · #00504A · #2E3200 · #00201F
Built around Fern, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DCF5EB): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#12914B): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#2E3200): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#00201F): A deep, shadowed, dusty teal — the color of sea glass.
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
- Aged Olive Coast color palette (#D9E9DB, #718330, #00532B, #3E2B00, #181E00)
- Emerald Loft color palette (#D2ECE0, #44A25E, #00635A, #1F415C, #00302E)
- Smoked Villa color palette (#DEF2E3, #4B6904, #003420, #001A22, #040700)
- Hushed Fern color palette (#FFE2EB, #9E9600, #236C0D, #004D51, #322F00)
- Lagoon Veranda color palette (#CCEADB, #008981, #005763, #00354A, #001A46)
- Muted Jade Bloom color palette (#E8FAEF, #7DB564, #007C61, #1C5873, #16433C)
- Bronze Delta color palette (#FEE1ED, #806900, #2A3F00, #002926, #140F00)
- Weathered Alley color palette (#FFF0F8, #B39759, #5C6A2B, #454866, #273B2C)
Browse the whole catalog at Explore, or see today's palette.