Pine Atelier color palette — #DEF9ED · #8AB57F · #007E5B · #4F5000 · #0C2804
A conversation between Teal and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DEF9ED): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#8AB57F): A luminous, balanced green — the color of fresh herbs.
- Teal (#007E5B): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#4F5000): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#0C2804): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, 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
- Aged Fern color palette (#E6F6F2, #78ABAB, #00746D, #335019, #002122)
- Weathered Pine color palette (#E1FCF5, #86B17C, #007F37, #44582B, #0D443E)
- Cocoa Studio color palette (#DDF9F3, #71B99B, #007B78, #763727, #00281A)
- Airy Olive color palette (#E9F6EB, #ABAC6F, #417C14, #00594F, #222200)
- Emerald Summit color palette (#F7F6E8, #BAE7AE, #52A765, #5B7538, #17370D)
- Patina Delta color palette (#D5E6D9, #00AF95, #007878, #004B55, #002736)
- Aged Boulevard color palette (#EBF4F0, #A9CCC5, #558E90, #416778, #1D3632)
- Timeworn Harbor color palette (#FCEDF7, #9EDDDE, #0091B0, #006543, #002840)
Browse the whole catalog at Explore, or see today's palette.