Pine Pier color palette — #EBFAEE · #99A161 · #317426 · #524362 · #1D3D31
Olive takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EBFAEE): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#99A161): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#317426): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal Brown (#524362): A full-bodied, dusty violet — the color of wild irises.
- Forest (#1D3D31): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, 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
- Patina Cypress color palette (#E9FAF4, #7EA786, #007461, #6C3B3B, #1D3C3A)
- Wandering Workshop color palette (#FAF1DC, #A4A55E, #5E6C29, #4B4540, #221C06)
- Sunlit Meadow color palette (#EAFAEF, #9CAB6A, #008022, #634E00, #373F17)
- Aged Lapis color palette (#DFF4EA, #A3A324, #4758D8, #5B5A00, #29325A)
- Weathered Cabin color palette (#E9FAF0, #B7BA6F, #788941, #7A5866, #233B31)
- Timeworn Forest Delta color palette (#D6EADF, #779855, #00663B, #463E00, #003129)
- Amber Archive color palette (#FEEBDC, #C48500, #7B6600, #474D00, #003F2D)
- Quiet Sapphire Thicket color palette (#CCEFD9, #8F7800, #445CDB, #79417F, #113321)
Browse the whole catalog at Explore, or see today's palette.