Pine Pier color palette — #F9F2DD · #9BB270 · #3C7C36 · #005A49 · #1A2500

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

The five colors

• Cream (#F9F2DD): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#9BB270): A luminous, balanced green — the color of fresh herbs.
• Olive (#3C7C36): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#005A49): A full-bodied, dusty teal — the color of shallow lagoons.
• Onyx (#1A2500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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 Terrace color palette (#F1F4DF, #71B996, #007D6D, #30572B, #002818)
• Washed Harbor color palette (#E9FBE8, #A6A76D, #3E793E, #005C64, #3D3D05)
• Fern Alley color palette (#F2E4C2, #8B9F42, #306B15, #004365, #131900)
• Pale Emerald color palette (#FFF3E5, #DADEA1, #57A75C, #2B7780, #303100)
• Lagoon Studio color palette (#ECEDDA, #448962, #005041, #003036, #000B04)
• Muted Corridor color palette (#F9F1E4, #A0DDD9, #0094A1, #006549, #002A35)
• Worn Driftwood color palette (#F4F2E9, #C6C6A3, #7E8A45, #6D5A6F, #32312B)
• Midnight Forest Courtyard color palette (#E6E2C5, #2D6728, #00331E, #000E3C, #000200)

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