Pine Pier color palette — #D4EDC4 · #84BC7C · #408348 · #04582F · #00331F

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D4EDC4): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#84BC7C): A luminous, balanced green — the color of fresh herbs.
• Fern (#408348): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#04582F): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#00331F): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Lagoon Hollow color palette (#BAF0D9, #5EBA9F, #008E7B, #005F59, #003232)
• Linen Alley color palette (#EDE6B4, #AAAA5E, #747C0E, #43550C, #26370B)
• Ancient Jade color palette (#F5FBC7, #CFEAA4, #6DB26E, #328463, #004644)
• Feathered Bloom color palette (#C2F4EA, #9DCB97, #52AA64, #007D4A, #164E38)
• Weathered Basin color palette (#E5FAD2, #88D0B6, #269170, #004E3B, #001D13)
• Misty Pine Balcony color palette (#EFF5E1, #6BB788, #6690C4, #007845, #0C2848)
• Patina Bronze color palette (#FDF0DC, #BCA985, #877247, #614721, #2A220B)
• Cobalt Harbor color palette (#EBF7DF, #3AA280, #0B8ABC, #776C16, #172208)

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