Pine Pier color palette — #D8EDE9 · #2D8854 · #005339 · #00342D · #000802

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

The five colors

• Honeydew (#D8EDE9): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#2D8854): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#005339): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Forest (#00342D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000802): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Frosted Emerald color palette (#D1F8F2, #009D52, #006243, #003F4D, #001506)
• Tempered Olive color palette (#E5F4EA, #7E7800, #434A00, #1C3309, #070600)
• Cerulean Thicket color palette (#E1F3F1, #11A3BF, #00627C, #003B3F, #000B13)
• Dusty Taupe color palette (#D7EADE, #AAAA59, #6C792C, #2A5E64, #113023)
• Pale Mint Studio color palette (#C4F7F3, #11C98D, #008C70, #1A637F, #003824)
• Feathered Drift color palette (#E7E1FF, #6800D4, #8E004A, #00445A, #02000B)
• Muted Seafoam color palette (#EBF9F5, #A4D39E, #709B7B, #557785, #314844)
• Misty Wisteria color palette (#E2DDF1, #BC83F0, #AC5EB0, #4B498A, #0B0A24)

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