Pine Basin color palette — #EFF7F6 · #D1DFE8 · #B5C4D4 · #328B3B · #0C2321
Built around Olive Leaf, softened by Onyx — the whole palette hums with nature and growth.
The five colors
- Ivory (#EFF7F6): a clean, paper-quiet neutral.
- Silver (#D1DFE8): a clean, paper-quiet neutral.
- Stone (#B5C4D4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Olive Leaf (#328B3B): A full-bodied, balanced green — the color of fresh herbs.
- Onyx (#0C2321): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Pine Basin 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
- Weathered Lagoon color palette (#EEF7F9, #D6DCE6, #BEC0DA, #008886, #122125)
- Wandering Bronze color palette (#F1F7F3, #CEE2E4, #A7CBD9, #8B7500, #112319)
- Ancient Emerald color palette (#EDF0E6, #CAD6CE, #A0C8B4, #3EAA66, #2C2F24)
- Antique Forest color palette (#DEECEB, #BDD0D0, #8AABAE, #226439, #041A19)
- Weathered Coast color palette (#C7EEF2, #008A72, #4A433F, #002A31, #000503)
- Lagoon Harbor color palette (#E8FAF4, #92CB9D, #008A74, #49590B, #001F09)
- Tempered Boulevard color palette (#CBFFEE, #95CDCB, #4D96A4, #88474E, #3A1F00)
- Garnet Basin color palette (#FFF0FA, #75B56A, #007A7E, #780033, #00180D)
Browse the whole catalog at Explore, or see today's palette.