Pine Pier color palette — #F1F3EC · #9CD2AE · #439191 · #46805C · #101910
Built around Fern, softened by Storm Blue — the whole palette hums with nature and growth.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Pistachio (#9CD2AE): A luminous, dusty teal — the color of shallow lagoons.
- Storm Blue (#439191): A luminous, dusty teal — the color of glacier melt.
- Fern (#46805C): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#101910): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged duotone, 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
- Antique Olive Courtyard color palette (#F4F2EA, #D1C398, #668F67, #79751F, #15170B)
- Softworn Olive color palette (#EEF7F5, #AFCA9D, #2D88AB, #4D7C24, #223039)
- Hushed Lagoon Grove color palette (#CAFFF0, #85CEC7, #479395, #005C66, #002E3A)
- Antique Emerald Harbor color palette (#EFF7F7, #AFDEC0, #48ADB0, #41A26D, #1A3239)
- Teal Pier color palette (#EBF6E5, #00C2A8, #00788D, #006B5B, #000B0F)
- Washed Cobalt color palette (#EBF5EF, #70C0DC, #5272BB, #006F8C, #170815)
- Aged Lagoon color palette (#DFE7DE, #00A39A, #005E78, #00524D, #000301)
- Patina Jade color palette (#F6F6ED, #B7EAD6, #89B2DE, #83A764, #231B25)
Browse the whole catalog at Explore, or see today's palette.