Aged Pine Pier color palette — #FEF5D9 · #95AD6E · #3A7A3B · #0B5E4F · #3B3B34
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Custard (#FEF5D9): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#95AD6E): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#3A7A3B): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#0B5E4F): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#3B3B34): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Aged 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
- Jade Coast color palette (#F6F7E2, #64B789, #007B67, #005C66, #19442E)
- Patina Pine color palette (#FDF0E0, #A9AD69, #367D3D, #00575F, #222300)
- Worn Basin color palette (#FDF4E6, #B8B182, #6F7946, #3E634F, #543F00)
- Washed Lagoon color palette (#E9E5D3, #77966B, #21633E, #004843, #17300B)
- Hushed Emerald color palette (#EAFAEA, #BCC080, #519956, #007782, #3C3D10)
- Misty Clover color palette (#E7FBF0, #BCDC8A, #65BC65, #4F9887, #144439)
- Worn Cabin color palette (#FAF4EB, #9DDCD9, #00909F, #00694F, #00475A)
- Weathered Courtyard color palette (#F2E5CD, #6E7025, #284000, #002636, #101100)
Browse the whole catalog at Explore, or see today's palette.