Pine Pier color palette — #D4E6E5 · #007845 · #002B2E · #001010 · #000302
A conversation between Pine and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Silver (#D4E6E5): bright and airy, almost weightless.
- Pine (#007845): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#002B2E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001010): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000302): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. 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
- Wandering Cypress Coast color palette (#DAEFF6, #00686D, #40393E, #00232A, #00090E)
- Charred Parlor color palette (#D1EADD, #6B6800, #202900, #001109, #000301)
- Softworn Emerald color palette (#E4ECD1, #009957, #2F4904, #202415, #0D0E05)
- Worn Sapphire color palette (#D0ECF6, #008C97, #4A63CD, #306B14, #00171F)
- Softworn Emerald color palette (#DFFCFA, #00A555, #003E3B, #001313, #000201)
- Washed Cerulean color palette (#E4F0F5, #0093A6, #273F4C, #102128, #070E10)
- Dusty Cabin color palette (#E6F6F0, #94A87E, #477238, #444B21, #00221C)
- Tempered Teal Workshop color palette (#DFF3EA, #00AC8F, #007E70, #004946, #002728)
Browse the whole catalog at Explore, or see today's palette.