Pine Pier color palette — #DDF0DD · #077419 · #00566E · #3C2000 · #000201

Olive takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DDF0DD): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#077419): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#00566E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Espresso (#3C2000): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Moonless Veranda color palette (#CDF4F1, #006B36, #003D55, #1D0F00, #000201)
• Dusty Navy color palette (#C0E9EE, #00705F, #0048A0, #2F2800, #000201)
• Patina Fern Loft color palette (#DBECE4, #666300, #005A54, #002D39, #010100)
• Washed Lagoon Market color palette (#CBE9E3, #00A29F, #006168, #001F26, #000102)
• Nightshade Dune color palette (#CDEDEA, #005320, #0C109F, #3C0014, #000701)
• Onyx Thicket color palette (#E0F5D5, #00897F, #004C55, #170057, #000202)
• Softworn Grape Pier color palette (#DCF2FF, #007E9F, #7C3CA4, #134400, #000103)
• Gentle Lantern color palette (#E9F8FF, #00B1CB, #8F7BC5, #4C6B25, #011822)

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