Pine Pier color palette — #EAFAEF · #97AD50 · #007427 · #004545 · #000A06
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAFAEF): A whisper-light, dusty teal — the color of sea glass.
- Moss (#97AD50): A luminous, balanced green — the color of fresh herbs.
- Olive (#007427): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004545): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000A06): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance, 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
- Timeworn Teal Field color palette (#E1FCF4, #75B287, #007061, #004356, #000A09)
- Dusty Boulevard color palette (#FFF1F5, #B6A244, #536A00, #2C3867, #000B04)
- Emerald Terrace color palette (#CCE9DD, #60A05C, #005C45, #00313B, #000200)
- Misty Pine Boulevard color palette (#EBFAF0, #ADC67D, #288C49, #58447D, #001E17)
- Washed Forest Field color palette (#EAE6D8, #6A8446, #005416, #00372E, #1E1B00)
- Clover Summit color palette (#E2E0CB, #7DBB4F, #39953B, #327255, #1D1C00)
- Aged Cerulean Thicket color palette (#FCF2F9, #7FDFDE, #0088A1, #005433, #000E1A)
- Wandering Bronze Coast color palette (#D3E4D2, #877C17, #2C4400, #130E4C, #010100)
Browse the whole catalog at Explore, or see today's palette.