Pine Pier color palette — #DAF2DF · #008750 · #005A3F · #002A20 · #00110D

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

The five colors

• Honeydew (#DAF2DF): A whisper-light, dusty teal — the color of sea glass.
• Fern (#008750): A full-bodied, balanced teal — the color of sea glass.
• Pine (#005A3F): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#002A20): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00110D): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Tempered Olive color palette (#E3E7D7, #567500, #2D5100, #073402, #000B02)
• Dusty Petrol Thicket color palette (#D5EEEF, #007A84, #005360, #002B37, #000F16)
• Worn Drift color palette (#DAE3CB, #0E8F20, #006C4B, #00463E, #000E0F)
• Gentle Ultramarine color palette (#BDEAEE, #007B61, #3345C1, #004333, #020023)
• Pale Teal color palette (#DCEEE8, #00B89F, #008A80, #006060, #003437)
• Cerulean Canyon color palette (#D9F0F4, #56B0B3, #0092AC, #005844, #000E0D)
• Hushed Parlor color palette (#CCF2E4, #006852, #005379, #433F00, #000201)
• Wandering Indigo color palette (#DDEBD7, #4965FF, #007D89, #061016, #000203)

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