Pine Pier color palette — #E3F2EC · #1F7D19 · #004130 · #3E0213 · #000400
Olive and Onyx set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E3F2EC): a clean, paper-quiet neutral.
- Olive (#1F7D19): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004130): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#3E0213): A deep, shadowed, balanced red — the color of embers at dusk.
- Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Pine Basin color palette (#F6ECCC, #317E38, #004238, #380E32, #001502)
- Nocturne Market color palette (#D6E7DA, #646F00, #074307, #281C00, #020300)
- Linen Moss color palette (#E6E3C3, #67A046, #005F17, #382800, #000200)
- Gentle Hollow color palette (#DBEAD1, #4A791A, #520087, #193100, #05000E)
- Forest Coast color palette (#D9ECE0, #819754, #0B662F, #443800, #001711)
- Charred Aubergine color palette (#DAEBCF, #2D5600, #590087, #4E0055, #000200)
- Quiet Station color palette (#E0FAE5, #A8B04C, #467A37, #5E4818, #212300)
- Jade Cabin color palette (#C0F1E2, #40AD6C, #006A5D, #692424, #001C0B)
Browse the whole catalog at Explore, or see today's palette.