Pine Pier color palette — #DFF7E6 · #008A60 · #005040 · #002724 · #000404

Fern and Forest set the tone — five colors that lean into calm and sophistication.

The five colors

• Honeydew (#DFF7E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#008A60): A full-bodied, balanced teal — the color of sea glass.
• Forest (#005040): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#002724): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000404): a grounded near-black with real depth.

Feels like: Calm, Sophistication. Tagged muted, 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

• Olive Terrace color palette (#E2E7D9, #4F8800, #115304, #002710, #000302)
• Hushed Petrol Parlor color palette (#DEF2F4, #008395, #005369, #002334, #000307)
• Aged Emerald color palette (#D1E5CB, #289358, #00725D, #004848, #000507)
• Eclipse Corridor color palette (#E3E9DB, #006947, #003F4B, #05005E, #010200)
• Tempered Grove color palette (#E0E3D7, #A0A893, #7C8D6C, #065420, #080A02)
• Teal Study color palette (#D8F3EA, #00BCAF, #008A8C, #005961, #00262F)
• Cerulean Parlor color palette (#DBF3F3, #00A2B2, #006B81, #003D54, #001523)
• Mint Coast color palette (#95FFCF, #00D4B3, #009B8E, #006E6F, #00393F)

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