Pine Atelier color palette — #E2E6DA · #008B52 · #135163 · #004426 · #000300
Built around Fern, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#E2E6DA): bright and airy, almost weightless.
- Fern (#008B52): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#135163): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#004426): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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
- Tempered Lagoon color palette (#DEF0EB, #00867F, #005558, #00262B, #000305)
- Washed Lantern color palette (#EDEEE0, #00736C, #00464F, #1B0060, #000404)
- Olive Lagoon color palette (#E2DFD0, #757B00, #005334, #383C00, #010200)
- Washed Parlor color palette (#DEE2DB, #9CA997, #589291, #005240, #050C01)
- Washed Courtyard color palette (#E5E3D4, #6D8610, #003584, #253000, #000106)
- Antique Navy color palette (#D7E7DE, #0091B6, #004CAC, #004D62, #000108)
- Misty Emerald Corridor color palette (#DBEEEB, #31A444, #007279, #006B1E, #000203)
- Twilit Lantern color palette (#E7E7D5, #376A00, #002D3F, #0F2300, #000201)
Browse the whole catalog at Explore, or see today's palette.