Pine Pier color palette — #DAFDE6 · #FF9A76 · #B18A00 · #008434 · #010100

Olive Leaf takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DAFDE6): A whisper-light, dusty teal — the color of glacier melt.
• Melon (#FF9A76): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#B18A00): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#008434): A full-bodied, balanced green — the color of new leaves after rain.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Dusty Marigold color palette (#CDFDE6, #F89516, #929700, #007C68, #000200)
• Marigold Basin color palette (#F4ECDE, #FF8F87, #C99E00, #009775, #0B0C00)
• Tangerine Boulevard color palette (#FFEFF4, #FF92AC, #EB7900, #5A7D00, #020100)
• Aged Olive Cabin color palette (#DBE4D0, #CD8C00, #6F8B00, #006057, #000200)
• Worn Clover Field color palette (#DEFED8, #D5B000, #13B52C, #006D73, #000201)
• Moss Meadow color palette (#E5E0D2, #8D8800, #416000, #002806, #000201)
• Pale Amber Atelier color palette (#ECE3D0, #D77C00, #8F7000, #2B5100, #0A0900)
• Rose Loft color palette (#EBE0CE, #E53F62, #896700, #005C33, #020200)

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