Pine Pier color palette — #D9E9E3 · #2E8C5F · #004E4D · #401B32 · #000A0A

Fern and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#D9E9E3): bright and airy, almost weightless.
• Fern (#2E8C5F): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004E4D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Espresso (#401B32): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#000A0A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, 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

• Antique Canyon color palette (#C8EAE3, #20A488, #00606C, #532A35, #001618)
• Pale Summit color palette (#D2E6D3, #758100, #005222, #331D49, #070900)
• Ancient Lagoon Drift color palette (#DCF4F2, #458A68, #00513E, #422800, #002113)
• Gentle Moss color palette (#D2EDDA, #78A53B, #006C4B, #4F2F58, #0E1A00)
• Inked Parlor color palette (#D5EEE3, #006A32, #00312D, #26051D, #000201)
• Stone Canyon color palette (#FDEDF2, #B9B778, #5A8154, #4F536A, #152D22)
• Denim Veranda color palette (#DBF4E3, #816800, #005A9E, #423500, #000816)
• Tempered Bronze color palette (#F3ECD4, #9A8100, #534100, #1D1700, #020100)

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