Pine Study color palette — #FFF4E0 · #9BAD4F · #2A7D32 · #0C5D5A · #3C3B34
Olive takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
- Moss (#9BAD4F): A luminous, balanced green — the color of fresh herbs.
- Olive (#2A7D32): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#0C5D5A): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#3C3B34): a grounded near-black with real depth.
Feels like: Nature, Growth, 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
- Worn Pine Grove color palette (#FFEFDC, #A9AE5A, #397C41, #005760, #212300)
- Washed Jade color palette (#FAF6D9, #58BB74, #007B68, #085A70, #3A3B34)
- Patina Mustard Ridge color palette (#FFF3E7, #C0A106, #607315, #414F76, #3D3A34)
- Hushed Moss Garden color palette (#EEE4CC, #749949, #11653C, #00474C, #2C2A08)
- Emerald Ridge color palette (#E7FCE7, #BCC26D, #56985B, #0E7782, #3C3D14)
- Washed Station color palette (#FAE9D0, #959900, #296C00, #3F3876, #2F3100)
- Timeworn Fern color palette (#FAF5EB, #B9C89C, #688B6D, #775D69, #574E00)
- Misty Lantern color palette (#FFF2EB, #76E3DE, #008FA4, #006B3B, #0E455F)
Browse the whole catalog at Explore, or see today's palette.