Pine Pier color palette — #E6FAF8 · #2B8A3D · #006581 · #5F3A06 · #162E26

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

The five colors

• Ivory (#E6FAF8): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#2B8A3D): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#006581): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#5F3A06): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#162E26): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Wandering Olive color palette (#E8FAF2, #777C00, #006461, #6A2D1F, #1A2D1C)
• Worn Denim Bloom color palette (#E3FAFF, #00837E, #3F5693, #484709, #173333)
• Lagoon Loft color palette (#E3F6F6, #1E8F66, #645095, #682C35, #02190E)
• Sunlit Nightshade Balcony color palette (#D3F7FF, #00736C, #0D00D5, #2E2C00, #001D0A)
• Patina Cypress color palette (#EDF7F9, #D2DCE4, #B5C1CE, #3E8273, #3D4B4C)
• Muted Teal color palette (#DEFDF7, #00AEA5, #0E7786, #47477A, #22424C)
• Dusty Petrol Atelier color palette (#D5E9F0, #008189, #173645, #142126, #070D13)
• Soft Jade Quarry color palette (#F3F7EA, #43AB71, #876FAC, #8A3F4C, #342C16)

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