Pine Pier color palette — #E6E5C9 · #287D53 · #00413B · #002635 · #001408
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E6E5C9): A whisper-light, dusty green — the color of a quiet forest floor.
- Teal (#287D53): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#00413B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#002635): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001408): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, 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
- Olive Orchard color palette (#EDDEC9, #707012, #1C4200, #002924, #111100)
- Patina Drift color palette (#F2E9D1, #537834, #004328, #31054E, #071300)
- Weathered Study color palette (#DBE5CC, #009A7A, #006055, #004143, #00140D)
- Chalky Aubergine Archive color palette (#EAE5D3, #729865, #006547, #502A64, #15310B)
- Quiet Navy Veranda color palette (#F8EDE5, #6397B2, #00488E, #003030, #0D0046)
- Gentle Veranda color palette (#FAE8D6, #A99022, #516300, #293B86, #372D00)
- Grape Orchard color palette (#F1DFE5, #7739B0, #584B00, #3F0068, #140F00)
- Misty Aubergine color palette (#FCF4E4, #96AD6E, #2C7B46, #5B3D8A, #334018)
Browse the whole catalog at Explore, or see today's palette.