Pine Atelier color palette — #F2F3E7 · #78AF83 · #08774D · #344F2C · #1A1E07

Pine takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F2F3E7): bright and airy, almost weightless.
• Jade (#78AF83): A luminous, balanced green — the color of new leaves after rain.
• Pine (#08774D): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#344F2C): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#1A1E07): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Faded Moss Terrace color palette (#E9E6CF, #74A732, #1E6E00, #004B2B, #0D1A00)
• Washed Corridor color palette (#E6FBF3, #6FAB7B, #1E7260, #235547, #1D3B39)
• Wandering Olive Terrace color palette (#F7F1E7, #ABA260, #676A00, #55440E, #241B03)
• Lagoon Workshop color palette (#E1EAD5, #47A088, #006359, #004145, #091600)
• Lagoon Corridor color palette (#F7F6EA, #AFDEB6, #289F86, #5E693A, #262B0E)
• Linen Delta color palette (#DAF0DD, #00A5AE, #867F00, #006167, #1F1D00)
• Patina Cerulean Ridge color palette (#F2F2EB, #ACD3B5, #008BA2, #005B5A, #002530)
• Worn Turquoise color palette (#DFF6FF, #38B2D5, #00758F, #003A4A, #000E14)

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