Pine Pier color palette — #EAE8DA · #00913C · #005A46 · #002F4C · #0B1100
A conversation between Kelly Green and Pine, giving this palette its sense of nature and growth.
The five colors
- Parchment (#EAE8DA): a clean, paper-quiet neutral.
- Kelly Green (#00913C): A full-bodied, vivid green — the color of new leaves after rain.
- Pine (#005A46): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002F4C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0B1100): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro, 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
- Softworn Emerald Lagoon color palette (#EEEACE, #00A369, #006A5E, #0B3967, #111C03)
- Hushed Navy Alley color palette (#EAF2E1, #007F5B, #00505C, #002061, #0B0C00)
- Airy Lantern color palette (#F1E9D2, #748100, #1E5C00, #00333A, #110F00)
- Timeworn Olive color palette (#CAE7CF, #3B8C2E, #005A4F, #471662, #012D17)
- Dusty Cypress color palette (#EAEADB, #70C4C2, #007A81, #004C42, #001A1E)
- Timeworn Lime Lagoon color palette (#ECF4D5, #6AD500, #00AD6B, #007A69, #00150B)
- Nocturne Market color palette (#DDE7DA, #006261, #00353F, #150041, #000202)
- Dusty Aubergine color palette (#D6EFD6, #00909D, #005A77, #410076, #00151B)
Browse the whole catalog at Explore, or see today's palette.