Pine Studio color palette — #F6F2E6 · #B9B589 · #558255 · #6C4A50 · #2A2814
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6F2E6): bright and airy, almost weightless.
- Sage (#B9B589): A luminous, dusty green — the color of fresh herbs.
- Fern (#558255): A full-bodied, balanced green — the color of fresh herbs.
- Coffee (#6C4A50): A full-bodied, dusty red — the color of embers at dusk.
- Onyx (#2A2814): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Soft Atelier color palette (#F9F1E3, #A9AD6D, #517900, #793234, #222200)
- Antique Spruce color palette (#F2F3E8, #BDC9A8, #4B9282, #795853, #293700)
- Stone Coast color palette (#EBF9EF, #A4B888, #4C8066, #565674, #304842)
- Feathered Bronze color palette (#FFEEE1, #EEAF7D, #AA6400, #673600, #271100)
- Muted Fern color palette (#F4EFE1, #849658, #22660F, #572921, #161200)
- Patina Cabin color palette (#FCF4E7, #C0EDD0, #6EAE8C, #906A77, #393932)
- Worn Pine color palette (#E0DFD0, #498A4A, #005135, #441E00, #070900)
- Amber Villa color palette (#FFEEE1, #CD722C, #00957A, #6F5DA3, #2C1909)
Browse the whole catalog at Explore, or see today's palette.