Pine Pier color palette — #E0EDCD · #5D9339 · #1C7106 · #004016 · #001D0D
Olive and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E0EDCD): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#5D9339): A luminous, balanced green — the color of fresh herbs.
- Olive (#1C7106): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004016): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#001D0D): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Frosted Quarry color palette (#D6EACD, #67A563, #007739, #005231, #00291C)
- Dusty Basin color palette (#F2E9CA, #948200, #615F00, #343800, #131900)
- Hazy Field color palette (#DDE4C8, #439358, #006FB6, #005624, #001326)
- Sunlit Emerald Dune color palette (#EEE4A6, #A8BE59, #3A9400, #005E38, #002B22)
- Dusty Canyon color palette (#C9E8D5, #47AD7D, #006642, #002E19, #000602)
- Weathered Workshop color palette (#C5E9DD, #00917E, #006760, #003938, #001C1F)
- Pine Drift color palette (#E6EACB, #1D8122, #006B78, #664500, #000F01)
- Hazy Forest Summit color palette (#E9F7D5, #8DD7C3, #00B8B1, #056929, #001C12)
Browse the whole catalog at Explore, or see today's palette.