Pine Pier color palette — #E4FCF3 · #86A768 · #3F7137 · #5C4252 · #153D36
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#E4FCF3): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#86A768): A luminous, balanced green — the color of new leaves after rain.
- Olive (#3F7137): A full-bodied, balanced green — the color of fresh herbs.
- Cocoa (#5C4252): A full-bodied, dusty pink — the color of peonies in June.
- Forest (#153D36): 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
- Faded Summit color palette (#E5FBF4, #7DB655, #3A7A3B, #624D20, #13433C)
- Cypress Garden color palette (#E1FBFB, #65AB92, #047363, #354E61, #1A3B3E)
- Wandering Alley color palette (#E2F8EE, #79ACA0, #397443, #593A56, #00221C)
- Emerald Courtyard color palette (#D4EAE5, #5E9D5D, #0C6537, #4A3C02, #04302C)
- Pale Moss Meadow color palette (#DBF2E1, #A39300, #5D5F00, #653410, #342E00)
- Hushed Lagoon Parlor color palette (#FAF5E4, #A4BE8B, #5B8F62, #7F565C, #36362F)
- Quiet Olive Ridge color palette (#E0F6F0, #3C8F2E, #005324, #492306, #052202)
- Aged Pine Delta color palette (#D4F0EE, #007F59, #004235, #301E00, #00140B)
Browse the whole catalog at Explore, or see today's palette.