Pine Pier color palette — #EAEDD7 · #057F1E · #003F30 · #001C1E · #000204

Olive and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#EAEDD7): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#057F1E): A full-bodied, vivid green — the color of fresh herbs.
• Forest (#003F30): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001C1E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000204): 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

• Cypress Field color palette (#CBE9D2, #00715B, #00454C, #001823, #000208)
• Twilit Abyss Cabin color palette (#F3EADA, #626700, #154900, #001D13, #000202)
• Cellar Harbor color palette (#FFE4D1, #186705, #003638, #2A001D, #000201)
• Worn Studio color palette (#DDEED6, #009E58, #006954, #003736, #000D10)
• Ancient Moss Thicket color palette (#E9F0DD, #898F00, #00854E, #004F65, #000202)
• Dusty Boulevard color palette (#E8E9DE, #9AA48E, #6A8469, #1B4100, #050500)
• Aubergine Market color palette (#E0E4CA, #025A12, #24007A, #250010, #040000)
• Cypress Cabin color palette (#E6F2DD, #007C69, #004C66, #3D0C0D, #200002)

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