Pine Atelier color palette — #EAFAED · #97A267 · #377235 · #4B456A · #1F3C32

A conversation between Olive and Moss, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EAFAED): A whisper-light, dusty teal — the color of shallow lagoons.
• Moss (#97A267): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#377235): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#4B456A): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#1F3C32): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Washed Cypress Dune color palette (#E9F9F5, #78A88A, #007367, #1F5167, #193C3B)
• Worn Cabin color palette (#D9E9E0, #789664, #006540, #4E2F5B, #00312A)
• Soft Amber Corridor color palette (#FCE4EB, #A79129, #4E6400, #403778, #372D00)
• Patina Chapel color palette (#F4F3E3, #8AAC75, #39743A, #324E36, #1E1D04)
• Muted Jade color palette (#F9F5E8, #BFD2A5, #80AE7F, #5F8F82, #36362F)
• Driftwood Study color palette (#F0F8EF, #A8CAB7, #76885E, #5B657F, #425149)
• Patina Coast color palette (#FBF2F9, #A6CCDA, #0085A8, #006248, #1D3D59)
• Powdered Aubergine color palette (#EFECFE, #C57DD0, #009059, #730C81, #0D4028)

Browse the whole catalog at Explore, or see today's palette.