Moss Garden color palette — #D5E4CE · #9DA300 · #009D88 · #00549F · #000202

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

The five colors

• Celadon Mist (#D5E4CE): A whisper-light, dusty green — the color of fresh herbs.
• Moss (#9DA300): A luminous, balanced green — the color of fresh herbs.
• Fern (#009D88): A luminous, balanced teal — the color of sea glass.
• Peacock (#00549F): A full-bodied, balanced blue — the color of open sky before noon.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Lapis Boulevard color palette (#E8F1E5, #94B53C, #009F96, #4532EA, #000102)
• Dusty Denim color palette (#F9E9E0, #84AD97, #005696, #002C22, #01000A)
• Dusty Moss color palette (#CFEDF0, #828D00, #007669, #003575, #000304)
• Wandering Emerald color palette (#EFF0E0, #DD9911, #1E9919, #006886, #000201)
• Soft Bloom color palette (#C6E9F0, #00BF54, #00AB9E, #00859F, #000303)
• Washed Dune color palette (#FAEFD0, #5C8763, #185D66, #301800, #020100)
• Softworn Balcony color palette (#DEEFD9, #008D42, #006B5B, #004251, #000201)
• Faded Drift color palette (#D7E5DB, #00C788, #008EAD, #6B00B7, #000103)

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