Moss Studio color palette — #F7F8D7 · #61B400 · #008A7D · #005D7F · #402D00

Clover and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F7F8D7): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#61B400): A luminous, vivid green — the color of new leaves after rain.
• Fern (#008A7D): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005D7F): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#402D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged cool.

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

• Aged Nightshade Lagoon color palette (#EFFBDD, #00B77E, #00869A, #244DAD, #2E3400)
• Airy Emerald color palette (#DEE6C6, #00A14A, #007273, #00476D, #291E00)
• Weathered Aubergine Corridor color palette (#FAF7D8, #6E8A00, #006574, #4F237E, #5F0600)
• Aged Moss color palette (#FFF4DA, #BDC259, #7A922A, #6C6961, #3C3B34)
• Chalky Mint color palette (#CBE9CF, #00D58A, #009D72, #00755E, #005044)
• Aged Ridge color palette (#E1E3D3, #3F9F00, #215030, #272812, #131205)
• Pale Thicket color palette (#F0F8EA, #00C099, #1C8DB0, #78570E, #274019)
• Misty Veranda color palette (#E7F5D8, #008965, #005D6D, #06267F, #111300)

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