Pine Pier color palette — #F8F2E0 · #A9BC85 · #5A8156 · #4D5A43 · #2B2812
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8F2E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A9BC85): A luminous, dusty green — the color of fresh herbs.
- Fern (#5A8156): A full-bodied, dusty green — the color of fresh herbs.
- Charcoal Brown (#4D5A43): A full-bodied, dusty green — the color of a quiet forest floor.
- Onyx (#2B2812): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Hushed Summit color palette (#F6F2E3, #8CAC70, #3B7347, #563B59, #1E1D05)
- Tempered Pine color palette (#ECF9EF, #91BAAB, #577F56, #3E6068, #2F4940)
- Weathered Atelier color palette (#E8FAF3, #B7CDA3, #649B93, #4C7B7B, #2A4942)
- Cypress Thicket color palette (#F7F1E8, #AEE9E6, #499CA6, #246D53, #133324)
- Aged Ridge color palette (#E8DFC8, #85974A, #2B650E, #163C55, #161200)
- Softworn Veranda color palette (#E2DFCB, #458B3E, #005133, #16284C, #010B00)
- Forest Alley color palette (#E2E8CA, #00684E, #00312D, #00171E, #000201)
- Stone Pier color palette (#FCECFB, #DECED5, #E5AAA6, #628E80, #402C3A)
Browse the whole catalog at Explore, or see today's palette.