Moss Studio color palette — #F9F4EE · #DDC08A · #879A30 · #A47800 · #28240D

Moss and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Sand (#DDC08A): A luminous, dusty gold — the color of old brass.
• Moss (#879A30): A luminous, balanced green — the color of fresh herbs.
• Ochre (#A47800): A luminous, balanced gold — the color of afternoon light on wheat.
• Onyx (#28240D): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Hushed Lagoon color palette (#F6F5EF, #CED7A5, #6DAC84, #899618, #2D2F28)
• Rust Station color palette (#FCF3EF, #EBB6A7, #B08842, #CC5636, #2E2210)
• Softworn Moss Pier color palette (#EEF8F0, #FFE2A6, #91AA41, #A78437, #011711)
• Muted Alley color palette (#FBF5E3, #ADB975, #6B935F, #00707E, #3E3D36)
• Washed Field color palette (#F8F5EF, #D8DBD4, #BCC3B6, #9F8F4E, #4C473E)
• Olive Villa color palette (#FBF8C0, #BEC888, #809C4E, #357515, #004F18)
• Antique Amber color palette (#FDF2F6, #FFC99B, #67C3A1, #D39156, #152829)
• Misty Fern color palette (#EDE4D0, #998200, #1A6401, #524400, #000300)

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