Pine Study color palette — #F4F8E1 · #75B173 · #B77858 · #2F7730 · #62351C
Olive takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F4F8E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#75B173): A luminous, balanced green — the color of a quiet forest floor.
- Caramel (#B77858): A luminous, balanced orange — the color of toasted spice.
- Olive (#2F7730): A full-bodied, balanced green — the color of a quiet forest floor.
- Cocoa (#62351C): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Optimism, 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
- Hushed Cocoa Quarry color palette (#EFF9EA, #76C0B0, #B2945F, #328273, #684500)
- Feathered Chestnut color palette (#FFF4DE, #B29F4E, #BC6E87, #776500, #5F3241)
- Chestnut Quarry color palette (#FEF3E6, #B9A480, #886E46, #734601, #403D36)
- Chalky Lagoon color palette (#DBECC5, #009C6F, #9D6000, #005D41, #432600)
- Worn Lantern color palette (#EFFADE, #399E70, #0087AD, #796724, #373932)
- Olive Studio color palette (#F9F6DF, #95A961, #3398B0, #5C6E20, #0C4A58)
- Powdered Courtyard color palette (#F0F4E1, #78B582, #B570B5, #007A30, #39183A)
- Feathered Boulevard color palette (#E7FAF6, #9DC494, #DC84B5, #469631, #612E4C)
Browse the whole catalog at Explore, or see today's palette.