Pine Studio color palette — #FCF5E1 · #8CB070 · #007E4D · #61426F · #3B3B34
Built around Teal, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#FCF5E1): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#8CB070): A luminous, balanced green — the color of fresh herbs.
- Teal (#007E4D): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal Brown (#61426F): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#3B3B34): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, 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
- Weathered Villa color palette (#F6F7E1, #61B791, #007974, #723D59, #0E4531)
- Gentle Olive color palette (#FEF3E7, #B4A444, #557600, #4A4A7F, #423B11)
- Dusty Olive Boulevard color palette (#FAF4ED, #BBAF88, #5B7F4B, #705051, #504100)
- Moss Meadow color palette (#F4EBD1, #70A341, #006C42, #6C283F, #1D3600)
- Pale Clover Lagoon color palette (#DAFBEF, #84BA5A, #3B7C38, #6C3F2A, #132702)
- Chalky Emerald color palette (#FAF7D8, #9CCB79, #539A4F, #905941, #2E411E)
- Wandering Lagoon Field color palette (#E1E2CF, #3E8B6C, #00504D, #4A1B34, #002115)
- Sunlit Garden color palette (#FFF2E9, #90D9FC, #0081E2, #006665, #333C66)
Browse the whole catalog at Explore, or see today's palette.