Pine Pier color palette — #EEF1E6 · #C0C7B6 · #9AAB8E · #11733F · #1D2111
Pine takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#EEF1E6): a clean, paper-quiet neutral.
- Stone (#C0C7B6): A luminous, dusty green — the color of new leaves after rain.
- Sage (#9AAB8E): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#11733F): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#1D2111): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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 (#DEE5D9, #A8BAA4, #809F82, #006150, #0F160A)
- Patina Emerald Bloom color palette (#D5E2E0, #B4C2CA, #91ACC4, #199945, #052523)
- Weathered Courtyard color palette (#ECEFD5, #38AB61, #00734C, #2C4F25, #00220B)
- Patina Lagoon color palette (#EFF8EE, #CEE6CF, #8EC9D3, #008A81, #2A3728)
- Weathered Harbor color palette (#D8E6CA, #00D677, #00B68C, #008989, #00201B)
- Sunlit Courtyard color palette (#E5EDD9, #00986A, #00665E, #003575, #001C14)
- Wandering Cocoa Workshop color palette (#D7E3D1, #007160, #682E0A, #002B29, #030C00)
- Teal Orchard color palette (#DEF2EE, #00ACB5, #43798A, #474676, #3F1B2B)
Browse the whole catalog at Explore, or see today's palette.