Pine Harbor color palette — #ECF0E5 · #D2DACE · #ADBCAE · #32835A · #2B311E
Built around Fern, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#ECF0E5): a clean, paper-quiet neutral.
- Silver (#D2DACE): bright and airy, almost weightless.
- Stone (#ADBCAE): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#32835A): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#2B311E): 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 Harbor 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
- Patina Cypress color palette (#EAF0E8, #BBC8BC, #92AC9D, #007062, #172311)
- Cerulean Lagoon color palette (#EBF9F0, #CAE5DA, #CFB3D1, #00869A, #1B3B28)
- Timeworn Harbor color palette (#E8F0F0, #CAD4DE, #AFB9D1, #47A966, #1E3231)
- Lagoon Grove color palette (#F1F7F1, #D1DEDC, #B0C6C6, #4E9F9B, #444A43)
- Cocoa Orchard color palette (#CBEFE1, #6EB9BF, #5F9181, #7A455A, #5B2D25)
- Worn Ultramarine Balcony color palette (#DBE5D3, #009D7E, #365DB8, #741844, #291E00)
- Tempered Jade Delta color palette (#F0DBB9, #00AC7D, #007781, #6B2B60, #002B25)
- Wandering Cypress color palette (#DEF1DA, #00837A, #003A43, #091B05, #030600)
Browse the whole catalog at Explore, or see today's palette.