Pine Pier color palette — #DBF6EE · #007C43 · #3F393E · #002038 · #000308

A conversation between Pine and Midnight, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DBF6EE): A whisper-light, dusty teal — the color of shallow lagoons.
• Pine (#007C43): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#3F393E): quiet, heavy and certain.
• Midnight (#002038): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Aged Emerald Boulevard color palette (#DDEBFA, #2B9A60, #003A62, #001021, #000205)
• Washed Denim color palette (#F9EEF6, #E5B7AC, #565F85, #40283A, #191117)
• Lowlit Harbor color palette (#E3F0FF, #9D5900, #001D3D, #180C13, #000410)
• Velvet Corridor color palette (#CDEADD, #00425B, #222300, #001807, #000202)
• Wandering Aubergine color palette (#F3EAEF, #B098A2, #8F737B, #372472, #0C0106)
• Shadow Chapel color palette (#F9E5FA, #D07200, #002A58, #170605, #000105)
• Aged Coral Station color palette (#F8E3E6, #D48A73, #603260, #2D0C2E, #0E0204)
• Smoked Rust Loft color palette (#FAE1E2, #B9582C, #4C003E, #15000F, #040000)

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