Pine Atelier color palette — #E7F6F1 · #A4BC94 · #588156 · #315F52 · #162C28
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#E7F6F1): bright and airy, almost weightless.
- Sage (#A4BC94): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#588156): A full-bodied, dusty green — the color of a quiet forest floor.
- Pine (#315F52): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Forest (#162C28): A deep, shadowed, dusty teal — the color of sea glass.
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
- Dusty Lagoon Grove color palette (#E7F5F4, #A5CCCE, #519181, #476867, #1F3637)
- Pine Cabin color palette (#E6F6F2, #80AD83, #007846, #1C4F54, #00221F)
- Timeworn Teal Study color palette (#C7EDF2, #3FBEA9, #008F88, #005958, #002F33)
- Worn Chestnut Market color palette (#FAF5E8, #9FB98C, #41835F, #6E5600, #474500)
- Hazy Lilac color palette (#E2F5FE, #51B4C4, #A571D8, #00727F, #242342)
- Bronze Station color palette (#F8F6E5, #B0D09A, #749B71, #7E7329, #474500)
- Feathered Thicket color palette (#CBEDE8, #2FAF6C, #006C4D, #034C0D, #001C0C)
- Timeworn Pine color palette (#DAEEEC, #2E8C5E, #00503B, #00312D, #000A0A)
Browse the whole catalog at Explore, or see today's palette.