Pine Studio color palette — #FAF6E3 · #8EAF79 · #107E41 · #0B5E55 · #2D411F
Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FAF6E3): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#8EAF79): A luminous, balanced green — the color of new leaves after rain.
- Olive (#107E41): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#0B5E55): A full-bodied, dusty teal — the color of sea glass.
- Forest (#2D411F): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, 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
- Wandering Dune color palette (#FBF0E1, #A3AE75, #2F7D49, #005663, #1F2400)
- Basalt Pier color palette (#FBF4E8, #B9AF8F, #697B4C, #3B6452, #514100)
- Dusty Forest Canyon color palette (#E8E6CE, #6C996D, #006545, #004748, #113114)
- Quiet Emerald Basin color palette (#E9FBEB, #B5C37E, #489A63, #007688, #373F0E)
- Jade Market color palette (#E2FCF1, #B0DF93, #4FBF75, #279C8F, #11443C)
- Timeworn Cerulean color palette (#FAF4EB, #A0DADE, #008EA7, #006857, #004660)
- Ancient Olive color palette (#EADFC6, #647419, #194300, #00253A, #0E1200)
- Smoked Veranda color palette (#EBEBD5, #226E3E, #003426, #0B0E3E, #000802)
Browse the whole catalog at Explore, or see today's palette.