Pine Pier color palette — #FEF4DE · #A89200 · #007834 · #004145 · #190700
A conversation between Olive and Mustard, giving this palette its sense of nature and growth.
The five colors
- Cream (#FEF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#A89200): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#007834): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#004145): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#190700): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Tempered Corridor color palette (#FBF3D1, #798200, #005C41, #002A32, #030100)
- Sunlit Emerald Ridge color palette (#F2F9DC, #33AB5E, #007275, #003B63, #110C00)
- Moss Drift color palette (#FDF5D9, #969911, #007652, #6E011D, #160900)
- Dusty Olive Delta color palette (#CEE9DB, #726B00, #005532, #00343C, #301900)
- Linen Clover Harbor color palette (#F6F6E7, #83B861, #008979, #00526A, #0E1346)
- Midnight Pine color palette (#E2EACD, #007C3F, #004549, #00162D, #010100)
- Pine Coast color palette (#F6F7E0, #96CA97, #40875C, #5B5128, #181A00)
- Hazy Amber Cabin color palette (#FFF3E7, #D27800, #626A00, #5D0C5A, #210002)
Browse the whole catalog at Explore, or see today's palette.