Pine Study color palette — #FCF6D6 · #A6C293 · #5E955D · #1A7448 · #445632
Pine takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#FCF6D6): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#A6C293): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#5E955D): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#1A7448): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#445632): A full-bodied, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Olive Drift color palette (#FFF3E2, #BBAE7A, #898F44, #59702A, #505049)
- Aged Lagoon color palette (#EEFBDF, #B9CBA3, #469277, #005C42, #09422D)
- Aged Studio color palette (#D5F4E2, #B7CB90, #72B76E, #41866D, #32545C)
- Hushed Study color palette (#F3F7E9, #B9E1E4, #C2C3CD, #738E5D, #4A5741)
- Timeworn Pine Canyon color palette (#F3F7E9, #8EBD98, #BD83AF, #258748, #684044)
- Tempered Teal Coast color palette (#D0EEDC, #37A991, #007A73, #005559, #153752)
- Washed Bronze Studio color palette (#F2F8E5, #6AA884, #7E85BB, #A5624D, #41433D)
- Shadow Fern Loft color palette (#DEE6D4, #1E6A00, #003F1F, #001E14, #00080B)
Browse the whole catalog at Explore, or see today's palette.