Pine Pier color palette — #EAEBE3 · #C0C6BC · #90AD96 · #007527 · #1E220A

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

The five colors

• Cream (#EAEBE3): bright and airy, almost weightless.
• Stone (#C0C6BC): soft and architectural.
• Sage (#90AD96): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#007527): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#1E220A): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Muted Chestnut Corridor color palette (#E2DED3, #C5C5B8, #A0A98F, #6F6100, #251F10)
• Muted Orchard color palette (#E4E8E1, #ACB8AD, #7D9E8E, #00624A, #0D1801)
• Aged Lagoon color palette (#F2F7F0, #D1E4D5, #98CBB8, #008B79, #2A3724)
• Timeworn Garnet Parlor color palette (#E3E6C7, #6CA682, #347578, #7F2235, #3C2000)
• Abyss Ridge color palette (#EAF1EB, #97AAA1, #977C96, #004F54, #000D02)
• Pale Garnet Grove color palette (#E0E8D4, #008A5B, #005C74, #62002C, #011701)
• Pale Summit color palette (#DBE5CF, #A8BA00, #00AF8C, #0089B4, #001D19)
• Dusty Cerulean Bloom color palette (#F0F7F4, #E5D7DA, #D4B9B9, #228ABB, #323E39)

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