Pine Pier color palette — #F2E0C8 · #C6B662 · #95A506 · #038D31 · #004233
Kelly Green and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F2E0C8): A whisper-light, dusty gold — the color of old brass.
- Gold (#C6B662): A luminous, balanced green — the color of new leaves after rain.
- Moss (#95A506): A luminous, balanced green — the color of a quiet forest floor.
- Kelly Green (#038D31): A full-bodied, vivid green — the color of fresh herbs.
- Forest (#004233): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Moss Lantern color palette (#EBE4CC, #B1B459, #799500, #3B6E00, #144620)
- Patina Amber Atelier color palette (#F9DBCF, #E7A96A, #C19100, #7F8300, #28491C)
- Airy Jade color palette (#E6E6D4, #A5C97A, #01B66E, #00866C, #004447)
- Airy Moss Drift color palette (#ECDEC5, #A89B00, #539100, #00643F, #00231C)
- Washed Pine Canyon color palette (#DCFFD8, #AFE2A3, #69B66B, #21872B, #0B2800)
- Timeworn Hollow color palette (#DDF4F0, #9CCF8C, #C5A9FF, #3EA000, #3C295B)
- Antique Pine Courtyard color palette (#D9F2D5, #008E58, #007168, #004A58, #00070E)
- Clover Pier color palette (#F5DCF0, #FFADB6, #4ABE00, #37522F, #132320)
Browse the whole catalog at Explore, or see today's palette.