Pine Atelier color palette — #EAF5EE · #92BEB1 · #428654 · #375F48 · #122D26

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

The five colors

• Cream (#EAF5EE): bright and airy, almost weightless.
• Ash (#92BEB1): A luminous, dusty teal — the color of sea glass.
• Fern (#428654): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#375F48): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#122D26): A deep, shadowed, dusty teal — the color of sea glass.

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

• Lagoon Market color palette (#EAF5F2, #A6CCCB, #519087, #496961, #243534)
• Powdered Jade color palette (#DCEBDA, #56B98C, #008872, #006062, #022F3F)
• Olive Atelier color palette (#E8FAF2, #A5B886, #607D50, #3E6355, #324841)
• Worn Pine color palette (#EAF5EE, #95A973, #20773F, #065153, #01221B)
• Aqua Grove color palette (#DFF7FF, #66D4DA, #00898A, #004F56, #00181A)
• Timeworn Coral Boulevard color palette (#DEF7FC, #4EB8AA, #D06878, #00756A, #42171E)
• Ancient Olive Studio color palette (#D9E8E1, #538939, #005136, #003037, #000A08)
• Muted Iris color palette (#F7EFF2, #C9DFF3, #658CD7, #006B74, #242B43)

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