Pine Pier color palette — #E2E7D6 · #318355 · #243A00 · #1D2110 · #070F08

Built around Fern, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Parchment (#E2E7D6): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#318355): A full-bodied, balanced teal — the color of sea glass.
• Forest (#243A00): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#1D2110): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#070F08): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Aged Olive Study color palette (#E9E5D6, #777526, #33322C, #251E08, #0C0E05)
• Lagoon Cabin color palette (#EDF4EB, #3A8C86, #314134, #222C20, #111714)
• Cypress Corridor color palette (#E2F0DB, #006A5A, #002523, #00110D, #000301)
• Emerald Ridge color palette (#D4EAE8, #34A861, #26555E, #173332, #121A18)
• Muted Veranda color palette (#CDECEA, #00CA75, #567779, #3C4E4D, #111A19)
• Dusty Bloom color palette (#E8FCE3, #2F9B91, #407EBF, #617200, #2B3E25)
• Nocturne Denim color palette (#D2F7EB, #004974, #21262E, #000D28, #000308)
• Worn Fern color palette (#F8F6E8, #B3B193, #5F7D53, #685903, #494400)

Browse the whole catalog at Explore, or see today's palette.