Pine Basin color palette — #ECF9F3 · #78A69B · #307340 · #4D4E18 · #143D36
Pine and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#ECF9F3): a clean, paper-quiet neutral.
- Eucalyptus (#78A69B): A luminous, dusty teal — the color of shallow lagoons.
- Pine (#307340): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#4D4E18): A full-bodied, dusty green — the color of new leaves after rain.
- Forest (#143D36): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Frosted Pine Dune color palette (#E7FAF3, #89B07C, #007E49, #005E58, #25441A)
- Ancient Cypress Garden color palette (#E9F6EC, #90AA74, #007753, #53451C, #00221C)
- Forest Station color palette (#D1EBE4, #6F9776, #00644A, #00474A, #083214)
- Timeworn Teal color palette (#CDECDB, #41A98B, #008477, #005557, #153852)
- Patina Fern Courtyard color palette (#D7F4DD, #9C9539, #4E6400, #00512B, #332F00)
- Wandering Driftwood color palette (#F0F7F2, #A6CABC, #728964, #446E70, #3E524A)
- Washed Lagoon Corridor color palette (#FBF4E7, #A2BF88, #319470, #716231, #36362F)
- Dusty Ridge color palette (#DFFBFF, #4FB8C3, #00737B, #003C42, #002527)
Browse the whole catalog at Explore, or see today's palette.