Pine Pier color palette — #E9E0CC · #979E69 · #3A7640 · #223C75 · #2E144F

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

The five colors

• Parchment (#E9E0CC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#979E69): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#3A7640): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#223C75): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#2E144F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, 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

• Navy Station color palette (#FAD8C4, #B7996B, #696F00, #004D65, #001D63)
• Aubergine Workshop color palette (#E3E9D3, #71AD71, #007C68, #552D8E, #440042)
• Hushed Garden color palette (#EDDFBF, #A3B15C, #499C59, #3E5D8E, #3B2F5C)
• Basalt Market color palette (#C4F6E3, #88BAB4, #2E8E7C, #55477A, #4E1945)
• Timeworn Onyx Balcony color palette (#E2F2E5, #4B897C, #005967, #4E0648, #2E0113)
• Airy Pine color palette (#FAD9D4, #BC941E, #058A31, #6D306E, #5B1E37)
• Muted Lantern color palette (#DFFAE9, #ABCAC1, #779F9F, #586782, #3E3E57)
• Dusty Market color palette (#D4EAE4, #70A927, #9614B6, #355800, #260031)

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