Pine Pier color palette — #DAE1CE · #D6B36A · #008F5F · #005738 · #080E00

A conversation between Fern and Sand, giving this palette its sense of optimism and balance.

The five colors

• Bone (#DAE1CE): A whisper-light, dusty green — the color of new leaves after rain.
• Sand (#D6B36A): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#008F5F): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#005738): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#080E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Balance. Tagged luxury, dark.

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

• Muted Thicket color palette (#D3E3D7, #D9B361, #008898, #00525D, #000F05)
• Lagoon Orchard color palette (#EAF1E5, #DFC590, #459981, #006650, #101A06)
• Aged Olive color palette (#E3DEC9, #D5B46E, #7A7F25, #494D00, #0F0B00)
• Muted Coral Coast color palette (#D8E2D2, #D98E81, #006453, #003127, #050F00)
• Worn Apricot color palette (#E2FAFE, #FF9D81, #005F53, #001E19, #000102)
• Washed Amber color palette (#D3EAD7, #BA8E1E, #00656D, #002F33, #000203)
• Tempered Ash color palette (#EFF7F3, #F2DAB6, #7CAA95, #4C7864, #242E29)
• Weathered Teal color palette (#EBF0EB, #C6D7D5, #A2C0C1, #00A7A8, #223323)

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