Pine Atelier color palette — #F6F7E5 · #84B084 · #1B7D49 · #175E4C · #204422
Pine and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F6F7E5): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#84B084): A luminous, dusty green — the color of fresh herbs.
- Pine (#1B7D49): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#175E4C): A full-bodied, dusty teal — the color of sea glass.
- Forest (#204422): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Patina Basalt Pier color palette (#F9F5E8, #B6B18A, #647C50, #4B6146, #4C4300)
- Patina Drift color palette (#EFEEC8, #65A45E, #006D34, #004C55, #0F380B)
- Linen Veranda color palette (#E7FBF0, #AAC593, #409B69, #007780, #2C4210)
- Soft Thicket color palette (#E7FAF6, #A4E0A4, #00C470, #4C9983, #254326)
- Cerulean Terrace color palette (#F5F7E6, #95DCE4, #008FA4, #006763, #004759)
- Weathered Olive Lagoon color palette (#F5EFE1, #7F7F27, #3F4B00, #00372D, #1C1C00)
- Twilit Forest Hollow color palette (#DEE4CF, #006E4E, #003329, #001925, #000804)
- Weathered Raspberry Grove color palette (#E6EAFF, #686AF4, #BC2B8F, #006D7C, #282B57)
Browse the whole catalog at Explore, or see today's palette.