Moss Studio color palette — #F2EDDF · #9E9A00 · #006A5E · #514F00 · #000504

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

The five colors

• Cream (#F2EDDF): bright and airy, almost weightless.
• Moss (#9E9A00): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#006A5E): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#514F00): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#000504): quiet, heavy and certain.

Feels like: Nature, Growth, Balance. Tagged duotone, 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

• Patina Station color palette (#F7EBDD, #C58600, #006E36, #674400, #000501)
• Feathered Harbor color palette (#EDF0DA, #51AD3B, #00696A, #185C00, #000405)
• Tempered Amber color palette (#E6F7E7, #BB8100, #005B82, #5F4000, #001322)
• Tempered Petrol Lantern color palette (#F0F3EB, #6AB190, #006D99, #006545, #000905)
• Gentle Moss Villa color palette (#E5EFD4, #5CAA40, #006E42, #003A30, #001516)
• Worn Emerald color palette (#EFE1C2, #479500, #006050, #46006F, #001806)
• Frosted Courtyard color palette (#E6F6EE, #B5B100, #008B79, #706D00, #001612)
• Muted Clover color palette (#F0F7D0, #B9BC00, #00B846, #007C7A, #00160C)

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