Pine Studio color palette — #F8F8D6 · #B3D6AC · #76B27B · #428A58 · #4C4F48
A conversation between Fern and Jade, giving this palette its sense of nature and growth.
The five colors
- Custard (#F8F8D6): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#B3D6AC): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#76B27B): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#428A58): A full-bodied, balanced teal — the color of sea glass.
- Charcoal Brown (#4C4F48): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged muted.
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
- Hazy Emerald color palette (#FDF2D1, #A4BB82, #599B59, #236F50, #42543A)
- Tempered Emerald color palette (#F3F7EC, #9DD3B4, #8CB4E7, #3EA272, #354E70)
- Aged Courtyard color palette (#FFF4E1, #DCC994, #AB9D4C, #797615, #525049)
- Cypress Loft color palette (#EFFAE2, #B2E6CE, #69B091, #177756, #0C402F)
- Antique Lantern color palette (#E3F8D9, #8AD1CB, #41B0AE, #008189, #355740)
- Wandering Turquoise Station color palette (#F0F9E4, #87C0A5, #5CB0D7, #A1934E, #41443D)
- Muted Lagoon color palette (#D1F2EE, #009B9B, #00737C, #004751, #002932)
- Softworn Pine Delta color palette (#D9F0D7, #00813B, #005530, #003323, #000B07)
Browse the whole catalog at Explore, or see today's palette.