Moss Coast color palette — #F0F7F4 · #D1DD9A · #60B8ED · #9DAD09 · #112636

Lime and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Celadon Mist (#D1DD9A): A whisper-light, balanced green — the color of new leaves after rain.
• Cyan (#60B8ED): A luminous, balanced blue — the color of a favorite pair of jeans.
• Lime (#9DAD09): A luminous, vivid green — the color of fresh herbs.
• Midnight (#112636): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

Use it as a design system

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

• Airy Marigold color palette (#F1F7F2, #EAD2A5, #29C5C9, #CD9800, #0E282F)
• Linen Clover Basin color palette (#ECF8F6, #B5E4B4, #ACA1F5, #5DBA5F, #1F2335)
• Tempered Moss color palette (#EDF8F6, #C9F4B8, #00B4B4, #649B4C, #01161B)
• Frosted Emerald color palette (#F5F6EC, #A8D298, #329EBA, #479614, #0F2A1D)
• Rust Drift color palette (#EAF9F5, #ACCA8A, #4CAFC5, #C25558, #2C3F0F)
• Antique Mint color palette (#EFF7F6, #D4DDE4, #B8B3C5, #74BF88, #3F4A4A)
• Hushed Quarry color palette (#DFF8F2, #96E354, #AC99FF, #4F8A00, #13082E)
• Soft Ridge color palette (#F6FBC4, #B3DEAF, #4DC9BF, #009AB2, #003975)

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