Pine Pier color palette — #F8F5EB · #9DA047 · #18710C · #525300 · #181A05
A conversation between Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F5EB): a clean, paper-quiet neutral.
- Moss (#9DA047): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#18710C): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#525300): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#181A05): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged duotone.
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 Terrace color palette (#F4F7EB, #79A77A, #006C67, #006117, #0E1C0C)
- Timeworn Fern color palette (#FAF4EE, #BC8F66, #6B5E00, #744100, #1F1704)
- Marigold Dune color palette (#F6F1EA, #C79821, #00727E, #6C5000, #000902)
- Worn Forest color palette (#F2EFDB, #609560, #006B4E, #004566, #133921)
- Olive Dune color palette (#F6F5EF, #D4DCD2, #B2B5A4, #546F08, #3B3B34)
- Misty Mustard Meadow color palette (#EFF8F2, #D5B03F, #009678, #8B6E00, #041C1F)
- Weathered Olive color palette (#EEEDDE, #648400, #004B38, #293800, #000503)
- Wandering Station color palette (#F3F6F0, #B7C7A3, #3C8B8F, #00815D, #233225)
Browse the whole catalog at Explore, or see today's palette.