Pine Pier color palette — #F0EEDB · #468644 · #005335 · #122857 · #000900
Fern takes the lead with Midnight close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F0EEDB): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#468644): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#005335): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#122857): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#000900): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, 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
- Olive Ridge color palette (#E8DECD, #787A0D, #334F00, #003043, #060600)
- Hazy Meadow color palette (#E8E3D0, #6C913A, #006520, #4F264D, #091300)
- Fern Cabin color palette (#E8E0D3, #54651E, #00351C, #2F001E, #040700)
- Wandering Workshop color palette (#FFE8F2, #9E0065, #505100, #00435C, #060002)
- Timeworn Garden color palette (#F0E5D3, #519EB5, #006086, #003B3B, #000919)
- Plum Orchard color palette (#F8E2E2, #AE2883, #00684F, #66004A, #000805)
- Cypress Market color palette (#E3E7D1, #78B499, #008477, #514F7C, #003221)
- Driftwood Boulevard color palette (#FBF4E9, #BAB883, #778856, #665C83, #38352F)
Browse the whole catalog at Explore, or see today's palette.