Pine Pier color palette — #F8F3F9 · #C5E2EA · #4E95AB · #2D732F · #294A69
A conversation between Olive and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F3F9): a clean, paper-quiet neutral.
- Silver (#C5E2EA): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#4E95AB): A luminous, dusty blue — the color of deep harbor water.
- Olive (#2D732F): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#294A69): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Softworn Basin color palette (#F9F3F7, #D7DFF1, #7F9CBE, #1E806D, #47526E)
- Tempered Veranda color palette (#FAF3F8, #A4CCDC, #2082AF, #00633D, #243963)
- Tempered Cerulean color palette (#F6F1EA, #CDE4CB, #00A0AD, #1E6E51, #113423)
- Wandering Powder color palette (#FEF2F0, #C4EEE0, #82CAE0, #7EA47B, #2F4F47)
- Weathered Denim color palette (#F0E5EF, #589CA1, #00516D, #003218, #001134)
- Ancient Plum color palette (#FCF1FF, #C88C9A, #009CA9, #AA325C, #004C53)
- Lagoon Terrace color palette (#FFF0F7, #B6784E, #2F8E6B, #007970, #4B2D3C)
- Muted Courtyard color palette (#FFF1F6, #AED3F5, #6674DA, #006669, #4A3266)
Browse the whole catalog at Explore, or see today's palette.