Pine Basin color palette — #E2F8F1 · #9FBE91 · #58815A · #3B5C5D · #142C28
Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E2F8F1): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#9FBE91): A luminous, dusty green — the color of new leaves after rain.
- Fern (#58815A): A full-bodied, dusty green — the color of fresh herbs.
- Peacock (#3B5C5D): A full-bodied, dusty teal — the color of glacier melt.
- Deep Forest (#142C28): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Hushed Drift color palette (#DFF8F2, #7CAF7D, #35734E, #294C5A, #03211F)
- Tempered Lagoon Drift color palette (#EAF4F4, #98CFD3, #529084, #4D666E, #213537)
- Weathered Field color palette (#F8F5EA, #B3B287, #5A7D60, #505F49, #484500)
- Softworn Celadon color palette (#ECF9F1, #D7F0B3, #7EAB89, #5E7C85, #263E38)
- Hazy Periwinkle color palette (#EAF3FF, #77A3F0, #46A17A, #45649B, #00301E)
- Pine Harbor color palette (#D1F2ED, #178F55, #005139, #002F3C, #000B03)
- Tempered Mallow color palette (#ECF2FF, #DBD2E7, #D7B8F0, #6A7FA6, #2F3549)
- Cellar Fern color palette (#D8F5E4, #5A5D00, #252E00, #001914, #010100)
Browse the whole catalog at Explore, or see today's palette.