Pine Pier color palette — #F1E4D2 · #008E4A · #004D4C · #300036 · #000201
Fern takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#F1E4D2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Fern (#008E4A): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004D4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#300036): A deep, shadowed, balanced pink — the color of peonies in June.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, 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
- Antique Quarry color palette (#F1DDBE, #6B8100, #005033, #20004F, #000200)
- Pine Dune color palette (#DCE4CE, #007B4F, #003C73, #2D001D, #020100)
- Obsidian Basin color palette (#E8E1D3, #006A36, #003837, #2C0032, #000F09)
- Weathered Abyss Pier color palette (#D8E8CD, #6A6167, #005B4A, #151C21, #000708)
- Hushed Alley color palette (#E3E2CD, #659D6D, #005C42, #203200, #000200)
- Tempered Petrol color palette (#F6EDDF, #84C3CA, #00738C, #003F36, #000306)
- Aged Moss Archive color palette (#FFEAE6, #6C9A00, #00767F, #850042, #000F05)
- Garnet Field color palette (#DFF5E8, #4DA7A0, #007094, #550943, #1D0002)
Browse the whole catalog at Explore, or see today's palette.