Pine Pier color palette — #D3ECBF · #8EBB7E · #418B4E · #045E2F · #01301C
Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#D3ECBF): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#8EBB7E): A luminous, balanced green — the color of fresh herbs.
- Fern (#418B4E): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#045E2F): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#01301C): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Lagoon Corridor color palette (#E2EDD4, #55B798, #008E7C, #006359, #00302F)
- Powdered Olive Drift color palette (#F3E1B6, #AAA85E, #707A1D, #455400, #26370B)
- Lagoon Veranda color palette (#E7F9D2, #81D3B5, #378F6F, #004D3A, #001C12)
- Patina Jade color palette (#FCF9C2, #C2E199, #73BB80, #147F60, #014742)
- Softworn Pine Orchard color palette (#F0F5E1, #71B77E, #C17A4D, #27763D, #411B00)
- Worn Studio color palette (#ECF6DF, #4BA17B, #2A8AB0, #7A6B22, #192209)
- Muted Loft color palette (#FCF0DF, #BAA98B, #8B713D, #6A4200, #2B210A)
- Inked Forest color palette (#D7EAD3, #006C25, #004323, #001E12, #000704)
Browse the whole catalog at Explore, or see today's palette.