Pine Pier color palette — #CEE5DD · #007940 · #00463A · #00203A · #000703
Built around Pine, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Silver (#CEE5DD): A whisper-light, dusty teal — the color of glacier melt.
- Pine (#007940): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00463A): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#00203A): 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, Trust, Stability, 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
- Navy Bloom color palette (#D1F8EE, #00765F, #004545, #050167, #000705)
- Olive Archive color palette (#EDE9CE, #6C6800, #2C4400, #002426, #050600)
- Olive Garden color palette (#F9E6DA, #477500, #004743, #470026, #001C0A)
- Patina Field color palette (#D7E3E1, #71A5B5, #00646D, #003A34, #000D11)
- Deep Onyx color palette (#D8EFDB, #00505C, #002639, #130023, #000102)
- Ancient Emerald color palette (#EBEACD, #009864, #00675C, #00376E, #001C13)
- Tempered Garden color palette (#DDF9F1, #60AE8F, #147B74, #284675, #00282C)
- Wandering Onyx color palette (#CDEEE5, #408381, #175F6B, #2A2E59, #190A35)
Browse the whole catalog at Explore, or see today's palette.