Pine Atelier color palette — #D9E3C1 · #00763F · #005A7F · #502F00 · #181E01
Built around Pine, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D9E3C1): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#00763F): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005A7F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#502F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#181E01): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.
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
- Weathered Studio color palette (#EBF2DC, #008652, #006899, #5D3D00, #222A0F)
- Washed Pier color palette (#D0E5CF, #00716F, #3C499C, #383B00, #062106)
- Timeworn Harbor color palette (#E2F2D5, #00604B, #004183, #332700, #071100)
- Timeworn Boulevard color palette (#ECDCBD, #756000, #006154, #6C0122, #241901)
- Navy Veranda color palette (#E0E2B7, #008982, #005763, #2D266B, #112B14)
- Forest Courtyard color palette (#EAF1E6, #C4D0C3, #91A794, #006355, #283124)
- Emerald Corridor color palette (#E8EEE0, #00A171, #005A5E, #004E35, #031105)
- Ancient Lagoon color palette (#D8EEEA, #00A0A0, #00626B, #003F4C, #002937)
Browse the whole catalog at Explore, or see today's palette.