Pine Pier color palette — #DBE9CE · #0C7517 · #003D22 · #001910 · #000507

A conversation between Olive and Forest, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#DBE9CE): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#0C7517): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#003D22): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001910): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000507): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged 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

• Fern Basin color palette (#EDE5C5, #656500, #2D3900, #061E00, #000C03)
• Shadow Station color palette (#BEE9DF, #007563, #00332B, #1C1416, #000D0A)
• Smoked Garnet Market color palette (#DCE5D0, #006142, #72004C, #002819, #120008)
• Dusty Alley color palette (#D7E4CB, #59AFAB, #007698, #004018, #00100F)
• Aubergine Lantern color palette (#D8E9E2, #004B39, #3A0087, #3D1700, #000201)
• Worn Cypress Hollow color palette (#DAEFEF, #00717B, #00485B, #00263A, #0B0C26)
• Amethyst Courtyard color palette (#F7E6DD, #8631FF, #007275, #060E12, #000300)
• Dusty Jade color palette (#DDF0DF, #19AA79, #00685C, #004545, #042B3C)

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