Pine Pier color palette — #F1F3E8 · #89C491 · #6371AB · #2C763C · #160913

Built around Olive, softened by Mint Leaf — the whole palette hums with nature and growth.

The five colors

• Cream (#F1F3E8): bright and airy, almost weightless.
• Mint Leaf (#89C491): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#6371AB): A full-bodied, balanced violet — the color of wild irises.
• Olive (#2C763C): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#160913): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Timeworn Olive Corridor color palette (#F4F2E7, #B1BB6E, #2E7DA9, #646B0A, #00130C)
• Aged Cobalt color palette (#F3F6F0, #81BDA6, #2D71B6, #007155, #2C1E2E)
• Hushed Pewter Station color palette (#EDF4EE, #66C5C7, #8165A7, #007376, #19080F)
• Pale Orchard color palette (#EDF8F7, #9BD5A5, #798BCD, #189948, #1C2432)
• Teal Meadow color palette (#FFEEE4, #44B295, #396FA0, #6D341C, #142817)
• Misty Station color palette (#E9F5ED, #51AEC5, #A1376D, #005F72, #140101)
• Hazy Onyx color palette (#D4F8CC, #67C1B4, #008D9F, #114B87, #1F0E56)
• Washed Basin color palette (#EFF3ED, #D0D9D9, #CEBAC0, #458277, #272F24)

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