Moss Drift color palette — #ECF8F5 · #C7DFE5 · #9FCADA · #71AD00 · #183A33

A conversation between Clover and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Silver (#C7DFE5): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#9FCADA): A luminous, dusty blue — the color of deep harbor water.
• Clover (#71AD00): A luminous, vivid green — the color of new leaves after rain.
• Deep Forest (#183A33): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Muted Basin color palette (#ECF8F4, #C8E5E3, #91CBC0, #688400, #153B31)
• Washed Teal color palette (#E9F9FB, #CCDCEA, #AAC5E3, #00B198, #0A3A3F)
• Muted Amber Orchard color palette (#EDF9EF, #CBDEDB, #9DCFB9, #C28E00, #253828)
• Hazy Moss Thicket color palette (#D1F5E7, #A8CF7B, #51B030, #758421, #213500)
• Lime Lagoon color palette (#D0F0E7, #87BC00, #00A08E, #B43300, #2E2300)
• Emerald Balcony color palette (#E1F4F3, #00AD67, #006951, #064024, #000A09)
• Washed Stone color palette (#EFF7F6, #D3DCDF, #9DC197, #ABB1BC, #495654)
• Weathered Clover Hollow color palette (#DCEDBA, #43CF6B, #00A684, #0072AE, #00321B)

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