Pine Pier color palette — #D3E6D4 · #A17100 · #008554 · #006262 · #080400

A conversation between Fern and Ochre, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#D3E6D4): A whisper-light, dusty green — the color of new leaves after rain.
• Ochre (#A17100): A full-bodied, balanced gold — the color of honey in a jar.
• Fern (#008554): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#006262): A full-bodied, dusty teal — the color of sea glass.
• Ink (#080400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

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

• Patina Coast color palette (#DEF3E3, #9E7C00, #387600, #004F46, #00090F)
• Hazy Cobalt color palette (#DEEDFC, #0080D1, #518000, #006545, #00050E)
• Frosted Atelier color palette (#F4DCEF, #E31C12, #737600, #0F670F, #100000)
• Chalky Amber color palette (#E0F5E3, #CE6900, #8A5E00, #00571F, #150800)
• Washed Basin color palette (#EAEBFB, #9D47E4, #00817A, #005F74, #090014)
• Terracotta Lantern color palette (#F8DBEC, #9F3D00, #515900, #003D46, #0D0200)
• Antique Summit color palette (#F0DAD0, #DA7113, #9D5C00, #654000, #140D00)
• Plum Boulevard color palette (#F7DDDB, #AA0071, #005E26, #002D39, #040002)

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