Moss Studio color palette — #F4F2E7 · #97A44D · #5F5B08 · #393831 · #24221B

Moss takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F4F2E7): a clean, paper-quiet neutral.
• Moss (#97A44D): A luminous, balanced green — the color of new leaves after rain.
• Olive (#5F5B08): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#393831): quiet, heavy and certain.
• Onyx (#24221B): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

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

• Ancient Teal Study color palette (#EEF4E7, #58AF8C, #4D5E44, #2C4000, #21231C)
• Stone Alley color palette (#E4F7EF, #B4BE75, #69817D, #4A5853, #1D231F)
• Dusty Olive Villa color palette (#F6F2E0, #7D841F, #394200, #2C291C, #15160F)
• Dusty Villa color palette (#EEFAE7, #6EC4AF, #51ADED, #959757, #3C4636)
• Jade Harbor color palette (#F9F7D8, #B1D59C, #75B36D, #478156, #4C4E47)
• Pine Garden color palette (#DFE6CB, #00893E, #003D29, #141900, #050501)
• Dusty Bloom color palette (#F5F6EF, #CBD7B3, #67AC91, #917B33, #44550D)
• Ancient Turquoise Harbor color palette (#F5F6EF, #C5EAE3, #73BED0, #499592, #375144)

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