Moss Studio color palette — #F3F0D6 · #B5C977 · #CCA6FF · #7C9300 · #40255E

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

The five colors

• Cream (#F3F0D6): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#B5C977): A luminous, balanced green — the color of a quiet forest floor.
• Lavender (#CCA6FF): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#7C9300): A luminous, balanced green — the color of a quiet forest floor.
• Royal Purple (#40255E): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Pale Clover Chapel color palette (#F5F7E8, #ABDBA6, #DCA7EA, #59B751, #55325E)
• Amber Delta color palette (#F8EDDA, #D8BB75, #87AFFF, #B38B00, #1F335F)
• Ancient Courtyard color palette (#E1FCF7, #8FD481, #919BFF, #3D8B2C, #212447)
• Mallow Coast color palette (#E9F2E1, #65D7B0, #FD92D2, #009E78, #561C42)
• Pale Fuchsia Lantern color palette (#DBECC6, #39EAAC, #FF5CDD, #008A61, #530045)
• Weathered Orchid color palette (#EBEBDA, #89C446, #B365E9, #426C00, #2A0040)
• Teal Terrace color palette (#F1F8ED, #A4E4D2, #F8ADCE, #42C0A4, #69403E)
• Blush Lantern color palette (#E9E7C6, #9ABC66, #4EABF9, #E26785, #233109)

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