Pine Pier color palette — #ECF1E2 · #DFA775 · #00764A · #133F29 · #131809

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

The five colors

• Cream (#ECF1E2): A whisper-light, dusty green — the color of new leaves after rain.
• Camel (#DFA775): A luminous, balanced gold — the color of honey in a jar.
• Pine (#00764A): A full-bodied, balanced teal — the color of sea glass.
• Forest (#133F29): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#131809): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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 Apricot Balcony color palette (#E4F3E8, #E7A184, #00707E, #003D45, #081B0E)
• Wandering Marigold Harbor color palette (#F4EEDE, #D9AC60, #6C6600, #3B3700, #1A1608)
• Aged Pine Archive color palette (#E7FAF8, #ECCC88, #307344, #002F2D, #000505)
• Hushed Cerulean Workshop color palette (#EFF8F2, #F9C3AE, #3F899C, #335642, #242E28)
• Weathered Courtyard color palette (#EAF2E3, #CB7D3B, #00523E, #002117, #010300)
• Aged Drift color palette (#E3F2F3, #FDB598, #369C7C, #296063, #07191B)
• Softworn Cornflower Parlor color palette (#F4F6ED, #80C893, #217FE6, #008844, #1F1320)
• Washed Tangerine Meadow color palette (#CDE4DD, #ED845C, #005993, #002B4B, #000F0B)

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