Moss Atelier color palette — #F3E8CC · #978800 · #008286 · #564D00 · #001A1B

A conversation between Olive Leaf and Teal, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F3E8CC): A whisper-light, dusty gold — the color of honey in a jar.
• Olive Leaf (#978800): A luminous, balanced green — the color of fresh herbs.
• Teal (#008286): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#564D00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#001A1B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged cool.

Use it as a design system

One click turns Moss 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

• Wandering Amber color palette (#F7E7D7, #BD7200, #008660, #6D4000, #001C11)
• Cocoa Grove color palette (#DFE1D2, #757700, #007564, #873500, #0F0F00)
• Quiet Moss Orchard color palette (#FBEDCE, #989200, #6A5B00, #453300, #121400)
• Ancient Emerald Field color palette (#EEF3D7, #029A28, #0072AC, #015612, #001423)
• Dusty Moss Garden color palette (#F4F5CE, #61B000, #008FBD, #386A00, #002433)
• Pine Terrace color palette (#E7EDDD, #007F53, #7F4900, #004129, #100500)
• Pale Scarlet color palette (#E9F3DA, #719500, #D40E07, #3F5500, #320100)
• Emerald Market color palette (#E7EDD2, #45A958, #B66228, #056725, #301200)

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