Pine Pier color palette — #FAF6E0 · #80B363 · #00733B · #0F3B6E · #080800

Pine takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FAF6E0): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#80B363): A luminous, balanced green — the color of new leaves after rain.
• Pine (#00733B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#0F3B6E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#080800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, 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

• Dusty Teal Study color palette (#F4F8E5, #55B794, #006F66, #3A3269, #040A00)
• Weathered Fern color palette (#FFF3E2, #ADA556, #566900, #462D64, #0B0700)
• Dusty Navy color palette (#E2E3CA, #51A174, #005B4B, #202061, #000201)
• Chalky Summit color palette (#FBF5E0, #A2C982, #268C47, #6D3D66, #1B1900)
• Abyss Quarry color palette (#DBF4EF, #57885A, #00532E, #00353E, #022206)
• Seafoam Bloom color palette (#F3F9DD, #5DDEB3, #009287, #564E8C, #00251A)
• Cerulean Villa color palette (#FAF4EB, #98D8E5, #0086AD, #00524C, #000E1B)
• Patina Loft color palette (#F8ECD7, #7E7F24, #2D4400, #28093A, #010100)

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