Pine Atelier color palette — #F4F7E9 · #87C092 · #BD84A9 · #498155 · #664143

A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Mint Leaf (#87C092): A luminous, balanced green — the color of a quiet forest floor.
• Dusty Rose (#BD84A9): A luminous, balanced pink — the color of peonies in June.
• Fern (#498155): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#664143): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Mustard Loft color palette (#FAF6E1, #AEB85F, #8B93D2, #717841, #5D4455)
• Ancient Turquoise Garden color palette (#EBFAEC, #4DC4CA, #C5867F, #218186, #534B48)
• Pine Veranda color palette (#E1F7F6, #8EC19F, #C58E67, #3C8258, #472335)
• Hushed Lagoon Station color palette (#F4F7E6, #A0D3A7, #DAA481, #669B6F, #524C47)
• Worn Jade color palette (#F2F8E4, #4EAE76, #B17491, #966060, #41433C)
• Washed Villa color palette (#E7FDE1, #00AA9C, #C54A90, #006B62, #5C2243)
• Frost Villa color palette (#F3F8E2, #BFEFDF, #E3C5E4, #9A8E6E, #4B5447)
• Bronze Boulevard color palette (#FEF3E6, #BCBB8B, #A17839, #864D23, #4C4B00)

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