Pine Pier color palette — #BBF7DF · #5BBE8A · #008D54 · #00502B · #001E13

Built around Fern, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Mint (#BBF7DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#5BBE8A): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#008D54): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#00502B): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#001E13): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged monochrome.

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 Teal Parlor color palette (#A7F6F1, #48C4BC, #008982, #004D4A, #001F1E)
• Gentle Olive Orchard color palette (#D6F3C7, #9CB760, #4E8300, #335000, #121C00)
• Pale Jade Chapel color palette (#B7F1CF, #3AB377, #006941, #003821, #001F10)
• Feathered Mint color palette (#DBFFED, #26E7A1, #009166, #004326, #000502)
• Sunlit Dune color palette (#FADCE2, #F19760, #00A378, #002F20, #101608)
• Ancient Byzantium color palette (#E5EFE1, #3EBBA9, #9C48B0, #007467, #1C040B)
• Tempered Loft color palette (#E5FDE3, #8FD9D4, #0EA7A0, #006769, #003638)
• Patina Lagoon color palette (#CAE7ED, #009FA6, #00656E, #002D34, #000203)

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