Pine Pier color palette — #DFE1C8 · #40864D · #005332 · #123500 · #050700
Built around Fern, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#DFE1C8): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#40864D): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#005332): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Forest (#123500): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#050700): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Pine Study color palette (#EEE7CB, #4C8A59, #00463F, #1C1D00, #000200)
- Antique Archive color palette (#FCEED7, #837520, #484800, #372900, #080600)
- Dusty Cypress color palette (#CAEFE5, #619869, #007454, #385207, #000901)
- Lowlit Forest color palette (#F2F0E0, #0A702A, #003328, #151900, #000901)
- Antique Terrace color palette (#D4EFEB, #007675, #005256, #002E34, #000B0F)
- Antique Olive color palette (#ECE8D1, #7CA049, #2B7300, #155232, #1E1B00)
- Washed Fern color palette (#D3EDD8, #007782, #5D5C00, #004047, #060600)
- Aged Summit color palette (#E7E9DA, #5E9EA6, #006373, #003C3A, #000B11)
Browse the whole catalog at Explore, or see today's palette.