Pine Pier color palette — #DCF2ED · #1F7F4A · #004233 · #440025 · #001507

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

The five colors

• Honeydew (#DCF2ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#1F7F4A): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004233): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#440025): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Ink (#001507): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Sunlit Olive color palette (#DBF1E4, #607518, #0F4400, #350F3B, #0C1200)
• Muted Lagoon Grove color palette (#D2EAE6, #408B68, #005145, #422800, #002113)
• Wandering Emerald color palette (#E7E2C9, #009D51, #006059, #502747, #001506)
• Frosted Olive Field color palette (#F5EDE0, #A8A04C, #4B8B00, #5B2C00, #191400)
• Weathered Aubergine Drift color palette (#ECE4D7, #644700, #004A4F, #4F005A, #0C0600)
• Softworn Jade color palette (#D1F4EF, #00AB7C, #00695F, #781639, #003726)
• Chalky Loft color palette (#D3EDD3, #805500, #004B8F, #3E2700, #000F26)
• Muted Jade color palette (#E9EDD5, #53AD76, #00855F, #764B17, #001507)

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