Pine Pier color palette — #D3E5D3 · #008F3C · #004113 · #011801 · #000500
Kelly Green takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#D3E5D3): A whisper-light, dusty green — the color of a quiet forest floor.
- Kelly Green (#008F3C): A full-bodied, vivid green — the color of fresh herbs.
- Forest (#004113): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#011801): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#000500): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Depth, Luxury. Tagged monochrome, dark.
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
- Twilit Cypress Meadow color palette (#C3EEE5, #008370, #004039, #001611, #000503)
- Moonless Olive color palette (#DDE3C3, #7D7D00, #323F00, #131400, #030300)
- Dusty Emerald color palette (#E3F1E4, #3DA450, #00672E, #002F0E, #000300)
- Feathered Aubergine color palette (#D9F1F3, #007B5D, #41007D, #002F21, #01000E)
- Quiet Magenta Courtyard color palette (#F8E5DB, #CF00DE, #707900, #061006, #000201)
- Muted Bronze Coast color palette (#EEDCE3, #816200, #562B00, #3D0005, #0B0D00)
- Cobalt Bloom color palette (#DEF1EB, #52B197, #0083C4, #5C3C00, #001E0E)
- Aged Teal color palette (#A5F9FC, #00A7AF, #005F64, #002E34, #00181C)
Browse the whole catalog at Explore, or see today's palette.