Pine Pier color palette — #D6EAE4 · #129158 · #2E262C · #002849 · #000A18

Fern takes the lead with Midnight close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D6EAE4): A whisper-light, dusty teal — the color of sea glass.
• Fern (#129158): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#2E262C): a grounded near-black with real depth.
• Midnight (#002849): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000A18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Hushed Delta color palette (#D9EAD8, #618A00, #303541, #002E2D, #000C0C)
• Worn Denim Hollow color palette (#FBF2F9, #80BEA2, #2E4E8E, #3C243A, #25161A)
• Ancient Aubergine color palette (#EDE1E6, #C6B3BA, #AC808C, #483381, #291A22)
• Bronze Basin color palette (#ECD9EA, #B95A00, #002266, #00051F, #030003)
• Timeworn Garnet Loft color palette (#FAEAE9, #CA8A6A, #721A4D, #3A0E27, #201111)
• Washed Apricot Station color palette (#F9E6F7, #E78D35, #3E64B0, #1C366A, #070007)
• Amber Bloom color palette (#D5E3F5, #E06D00, #184089, #04183E, #00020B)
• Pewter Coast color palette (#FEF1F6, #E7B1AA, #685282, #4C2E3A, #2D2322)

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