Pine Atelier color palette — #F8F1E5 · #ACBA87 · #548258 · #6B4A57 · #2B2816

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Sage (#ACBA87): A luminous, dusty green — the color of new leaves after rain.
• Fern (#548258): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#6B4A57): A full-bodied, dusty rose — the color of a warm blush.
• Onyx (#2B2816): A deep, shadowed, dusty green — the color of a quiet forest floor.

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 Olive Meadow color palette (#FFEFDB, #AEAD53, #457C10, #683F42, #291F00)
• Cypress Basin color palette (#ECF9EE, #8FBAAC, #517F61, #555770, #2A4A40)
• Muted Driftwood color palette (#EEF8F2, #A5CFC1, #789A6F, #726C8E, #2D4940)
• Oat Chapel color palette (#FFEEE4, #DDDAC4, #BECE93, #A57970, #352F2A)
• Dusty Forest color palette (#F1E8D7, #86964B, #146622, #522C2C, #161200)
• Patina Hollow color palette (#F8F0EB, #C2E7D0, #4F95C2, #226C60, #3A2339)
• Ancient Bronze color palette (#FFEEE2, #F8A674, #B0672D, #693503, #230C00)
• Hazy Coral color palette (#FFEEE4, #E3886A, #1C9BC6, #994B30, #042F20)

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