Pine Atelier color palette — #D4EBDE · #91B172 · #1C8653 · #5E4B76 · #003129

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

The five colors

• Honeydew (#D4EBDE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#91B172): A luminous, balanced green — the color of fresh herbs.
• Fern (#1C8653): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#5E4B76): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#003129): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Balance, 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

• Olive Basin color palette (#D9F3DE, #AAB34B, #378D1E, #5F4E8C, #2E3100)
• Muted Quarry color palette (#ECF9F3, #A0BF98, #4A9074, #70587E, #1A3C37)
• Hushed Pine color palette (#FBF5E6, #A8C68B, #008D52, #59486E, #1B1900)
• Tempered Jade color palette (#D0E7E0, #54A671, #007162, #593758, #00220D)
• Aged Forest Market color palette (#E5E6D7, #659A6F, #006540, #004653, #083215)
• Timeworn Emerald Boulevard color palette (#D8E9E5, #88CD92, #17AB6C, #3E808E, #01302D)
• Washed Garden color palette (#E3D8F7, #D56BC0, #009D7B, #9B3089, #003125)
• Feathered Boulevard color palette (#DFEEDE, #8F862C, #3D5E00, #312F68, #121000)

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