Pine Atelier color palette — #EDF8F6 · #96CDC6 · #7678A7 · #497B47 · #282D3C

Built around Olive, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Stone (#96CDC6): A luminous, dusty teal — the color of glacier melt.
• Slate (#7678A7): A full-bodied, dusty violet — the color of wild irises.
• Olive (#497B47): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#282D3C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged duotone, 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 Workshop color palette (#EFF7F4, #BCC792, #49869F, #697426, #1F303B)
• Softworn Summit color palette (#F0F3ED, #9DD1BB, #5189B0, #008663, #091915)
• Pewter Harbor color palette (#EBF8FD, #64BECE, #98557D, #006C7A, #28202F)
• Antique Jade color palette (#EFF7F7, #A5DDE0, #66A5C4, #00A57B, #1F303B)
• Navy Loft color palette (#E0FFE0, #8BC9BF, #478D9F, #2A5E87, #483C74)
• Worn Veranda color palette (#FFF0F9, #7AB6A0, #4D7CA3, #7A4C39, #304D55)
• Weathered Garnet color palette (#D7EDF4, #008889, #750040, #003A3B, #08000E)
• Muted Glacier color palette (#E9F8FE, #D8FBC0, #7AD9E5, #8D8BC9, #2D4B5D)

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