Pine Atelier color palette — #F5F6EE · #A8CBA5 · #667DAB · #497B47 · #362934

Olive and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Pistachio (#A8CBA5): A luminous, dusty green — the color of new leaves after rain.
• Slate (#667DAB): 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 (#362934): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Cypress Villa color palette (#F1F7F0, #87D0C9, #966C98, #1D7D76, #39292B)
• Bronze Boulevard color palette (#F9F5EC, #D1C084, #4585A9, #816B12, #23312C)
• Wandering Villa color palette (#EAF4F4, #9DD1B8, #5089B3, #00865F, #091723)
• Emerald Quarry color palette (#F3F6EF, #C7D9AF, #4DA7CF, #1CA477, #1E332A)
• Timeworn Teal color palette (#FFF2EC, #76B7A2, #537BA0, #784C41, #3A4E3C)
• Navy Pier color palette (#F4FACD, #90CABD, #3A909D, #315D86, #41437E)
• Powdered Aubergine Basin color palette (#E2EDE2, #00878C, #640274, #003A3C, #09000C)
• Lagoon Station color palette (#F2F7F0, #D3DDDC, #BBAFA6, #578E81, #4F544D)

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