Pine Atelier color palette — #F4F7EB · #D0DDD6 · #AAC3A6 · #007333 · #0B0E00

Built around Pine, softened by Stone — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Silver (#D0DDD6): a clean, paper-quiet neutral.
• Stone (#AAC3A6): A luminous, dusty green — the color of fresh herbs.
• Pine (#007333): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#0B0E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Abyss Drift color palette (#EAF1E5, #C6D5C5, #8CB098, #005B48, #010300)
• Wandering Forest Atelier color palette (#E1EEEB, #9EB9BD, #79929F, #1F5018, #020D0C)
• Tempered Atelier color palette (#E8E9E2, #B2C5BD, #90B2D3, #489539, #1F2112)
• Lowlit Cypress Hollow color palette (#D8E7D1, #00705F, #2A3137, #001618, #000201)
• Antique Garnet color palette (#DDF6EA, #74BCBB, #2D7492, #63264E, #2F0408)
• Cerulean Villa color palette (#EFF7F3, #CFDFE1, #DAC0C6, #0082A8, #0C241A)
• Aubergine Coast color palette (#FFEBCC, #2FA168, #006163, #4A004C, #000503)
• Chartreuse Market color palette (#ECFCDB, #9DEA5C, #00C198, #0090A2, #000202)

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