Pine Studio color palette — #F0EEDA · #96A900 · #09831D · #005E3F · #00434B
Olive Leaf takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F0EEDA): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#96A900): A luminous, vivid green — the color of fresh herbs.
- Olive Leaf (#09831D): A full-bodied, vivid green — the color of new leaves after rain.
- Pine (#005E3F): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#00434B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Pine Studio 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
- Dusty Moss color palette (#D9E9A3, #58B423, #008456, #005E51, #004546)
- Tempered Workshop color palette (#DEEACF, #73B400, #368900, #005017, #003118)
- Muted Lagoon color palette (#FEDC9C, #AE9F00, #6B7B00, #165E03, #00472D)
- Clover Alley color palette (#DBEB8D, #9BD255, #44BE36, #00934C, #004C33)
- Misty Station color palette (#DCFFEB, #00C68A, #007B54, #00472A, #00301B)
- Hushed Pine color palette (#E1EDD8, #008A4B, #006151, #003836, #041E2E)
- Magenta Market color palette (#E0FCF9, #57BC63, #C239BE, #00601B, #562354)
- Weathered Coast color palette (#D8FFF9, #92F3E1, #2CC8F9, #707200, #1B4F40)
Browse the whole catalog at Explore, or see today's palette.