Pine Pier color palette — #D2F5F2 · #007434 · #434049 · #002B27 · #000C0B

Built around Pine, softened by Deep Forest — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D2F5F2): A whisper-light, dusty teal — the color of glacier melt.
• Pine (#007434): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#434049): a grounded near-black with real depth.
• Deep Forest (#002B27): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000C0B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Worn Cypress Studio color palette (#DAF0F7, #006E71, #433D43, #00283A, #000B10)
• Inked Corridor color palette (#E8EFD6, #007338, #2C353A, #001712, #010100)
• Dusty Pine color palette (#DFEEE4, #849D59, #007438, #524400, #00211A)
• Pale Jade color palette (#DEF8DC, #00A779, #007568, #004847, #00252E)
• Obsidian Fern Workshop color palette (#D2EBDD, #6C6200, #0B2D00, #19232A, #0B0900)
• Worn Plum Coast color palette (#D5EFF4, #008777, #BC0070, #923700, #001612)
• Muted Thicket color palette (#D4EEFC, #0096B1, #1C4674, #052B3A, #021519)
• Sapphire Dune color palette (#EDE3E6, #8EB7D6, #436ED2, #005860, #1D1742)

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