Pine Pier color palette — #DDFFE9 · #4FF4BE · #00B4AA · #07791B · #003F2C

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

The five colors

• Honeydew (#DDFFE9): A whisper-light, dusty teal — the color of glacier melt.
• Lagoon (#4FF4BE): A whisper-light, balanced teal — the color of sea glass.
• Turquoise (#00B4AA): A luminous, balanced teal — the color of shallow lagoons.
• Olive (#07791B): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#003F2C): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Calm, Balance. Tagged pastel, light, cool.

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

• Hazy Turquoise color palette (#E6FED6, #52E3D7, #00BDCD, #007850, #003C37)
• Seafoam Loft color palette (#D9FCC2, #30EBB7, #00BCE2, #6E6D00, #002812)
• Pale Clover Harbor color palette (#EDFDCE, #ADE792, #00BE63, #6C6B00, #294005)
• Petrol Meadow color palette (#E8F1E2, #5AADA6, #007F8B, #003725, #001512)
• Sky Pier color palette (#E8FBEC, #C1EBD5, #72BEF6, #00797E, #2E4C3B)
• Dusty Powder Grove color palette (#F0F9E7, #C7E7D7, #9FD4EB, #89926A, #495241)
• Wandering Cobalt Meadow color palette (#C8EAD6, #71C3EE, #2D88D8, #00535C, #002734)
• Ancient Denim color palette (#E7F6EB, #00A0B4, #00559A, #00505B, #001228)

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