Pine Study color palette — #E7E3D4 · #73A347 · #007433 · #5F3259 · #0F2000
Pine and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E7E3D4): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#73A347): A luminous, balanced green — the color of fresh herbs.
- Pine (#007433): A full-bodied, balanced teal — the color of glacier melt.
- Mulberry (#5F3259): A deep, shadowed, balanced pink — the color of a candy shop window.
- Ink (#0F2000): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Study 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 Jade color palette (#E8ECD4, #42A880, #007064, #692F40, #002115)
- Feathered Moss color palette (#F8EDDD, #A69300, #5B6800, #4B3C64, #201B00)
- Antique Boulevard color palette (#EAE4D3, #62873D, #005330, #3C2149, #102000)
- Antique Jade Basin color palette (#E8E5D4, #7BB76A, #328458, #744932, #2A2B0D)
- Pine Boulevard color palette (#E6FBF3, #8CAF6F, #18740D, #662400, #030A00)
- Emerald Villa color palette (#E0F0E7, #90B475, #00975E, #784F92, #0F2000)
- Tempered Olive color palette (#F3E7CB, #707D13, #275100, #461D19, #080600)
- Emerald Lantern color palette (#FBF5E2, #A2CB69, #429C4D, #8E5A4A, #3B3B34)
Browse the whole catalog at Explore, or see today's palette.