Pine Atelier color palette — #DCE9DB · #A7A96F · #2D8734 · #6E4E22 · #0E3024
Olive Leaf and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#DCE9DB): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A7A96F): A luminous, dusty green — the color of fresh herbs.
- Olive Leaf (#2D8734): A full-bodied, balanced green — the color of new leaves after rain.
- Coffee (#6E4E22): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Deep Forest (#0E3024): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Atelier 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 Lagoon Field color palette (#EAFAED, #ADBB8F, #409366, #766031, #203C34)
- Wandering Olive Corridor color palette (#FDF4E6, #BCC088, #52863E, #644D1D, #191A00)
- Wandering Cypress color palette (#D9F2E2, #7B9F62, #007255, #524400, #0E2000)
- Washed Drift color palette (#D5EAE3, #6FB790, #008281, #4D5D1B, #003030)
- Cypress Station color palette (#D5EBDF, #85B383, #008471, #71426A, #03302C)
- Moss Market color palette (#F0E3CA, #8E9230, #406013, #413D37, #30280A)
- Linen Emerald color palette (#E9FBEB, #B6C37A, #10A04F, #2A7482, #1B4336)
- Scarlet Corridor color palette (#CBF0F0, #009F68, #DD2439, #9B4B00, #002716)
Browse the whole catalog at Explore, or see today's palette.