Pine Pier color palette — #F0F0D6 · #78A54E · #1A8739 · #005640 · #003B47
Built around Fern, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#F0F0D6): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#78A54E): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#1A8739): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#005640): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003B47): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Washed Olive color palette (#EDE8DB, #9B9827, #537800, #005B28, #00462E)
- Pale Jade Alley color palette (#DAE8D6, #47AF7E, #008373, #005657, #003F4C)
- Pine Grove color palette (#DAE9D1, #71A466, #008134, #00532C, #002517)
- Linen Corridor color palette (#EEF1DF, #A2CC62, #00BD5B, #009265, #004941)
- Timeworn Canyon color palette (#DCF4F3, #32A56A, #A15A9E, #00683C, #4B2549)
- Hazy Orchard color palette (#BBF1F0, #2BA46E, #86377C, #832432, #003333)
- Worn Chestnut color palette (#D7F0D9, #9E986D, #7A5E2C, #60391E, #11382F)
- Patina Olive color palette (#D3FFFE, #B0E3EF, #83BFE3, #5C6E36, #214446)
Browse the whole catalog at Explore, or see today's palette.