Pine Pier color palette — #EDF0E9 · #D1DAD1 · #A0C0AE · #00875D · #2A311F

Built around Fern, softened by Ash — the whole palette hums with sophistication.

The five colors

• Cream (#EDF0E9): bright and airy, almost weightless.
• Silver (#D1DAD1): bright and airy, almost weightless.
• Ash (#A0C0AE): A luminous, dusty teal — the color of sea glass.
• Fern (#00875D): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#2A311F): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: 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

• Antique Lagoon Drift color palette (#ECF8F8, #D1DFEC, #B8C2D5, #378865, #0D2223)
• Worn Fern color palette (#E5E7D0, #7BB29D, #008282, #2D6420, #003124)
• Terracotta Chapel color palette (#DFE6D5, #86BAA7, #5590A2, #8A3C2F, #4B2E00)
• Aged Cerulean color palette (#EBF9F0, #D0E3DD, #D6B1CA, #00859F, #173B29)
• Wandering Denim Summit color palette (#E1E9E3, #A9B8B2, #A68BA2, #005E67, #06180B)
• Garnet Terrace color palette (#E4E3CB, #71942A, #0068A7, #7D0037, #1C2300)
• Hushed Garnet Meadow color palette (#F5D7CA, #43A973, #00768A, #8A0504, #002B24)
• Washed Cypress color palette (#E0F5DE, #008380, #00384C, #001B1A, #030600)

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