Pine Studio color palette — #F2EEDF · #528252 · #00523F · #00313C · #000900
Fern and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F2EEDF): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#528252): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#00523F): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Forest (#00313C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000900): 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
- Hushed Pine color palette (#D3EEE4, #3C8E48, #004738, #001F28, #000200)
- Fern Studio color palette (#F6E6D5, #82743F, #3D4C00, #003426, #080600)
- Soft Aubergine color palette (#FAEEDA, #717B41, #07550D, #2F1664, #050700)
- Dusty Harbor color palette (#ECDBD2, #649CAE, #005E8F, #003C36, #00022B)
- Gentle Lagoon color palette (#E9E7F7, #5E39B3, #544F00, #10431D, #02000C)
- Washed Garden color palette (#EFECD8, #6FC17D, #008C73, #7D3C87, #003911)
- Olive Drift color palette (#F1E4CF, #939854, #347E15, #3A2A7B, #1B1D00)
- Dusty Drift color palette (#F1E2D2, #B4A46C, #697A2C, #425383, #322800)
Browse the whole catalog at Explore, or see today's palette.