Pine Atelier color palette — #FAF5E4 · #8BA477 · #147638 · #603D5B · #36362F
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#FAF5E4): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#8BA477): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#147638): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#603D5B): A full-bodied, dusty pink — the color of peonies in June.
- Espresso (#36362F): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, 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
- Patina Cypress Thicket color palette (#F4F7E9, #74A890, #007366, #683C47, #2A3D00)
- Hazy Studio color palette (#F9E9CF, #9E9600, #4D6400, #79182A, #322F00)
- Weathered Emerald Canyon color palette (#E6E6D8, #599D69, #00644B, #5D3100, #272C0D)
- Lagoon Alley color palette (#E8FBEE, #A2BF8A, #499075, #615F7E, #1B3C36)
- Worn Cobalt color palette (#F8F4EE, #AACFBE, #007EC5, #005F66, #4A2F4A)
- Worn Pine color palette (#F3F0D6, #598856, #005235, #4B183A, #022202)
- Softworn Mustard color palette (#FFF3E8, #FADDA2, #B2BC5C, #8F5646, #47423C)
- Dusty Grove color palette (#FCDFC5, #B26300, #007E6E, #654892, #3D250D)
Browse the whole catalog at Explore, or see today's palette.