Moss Coast color palette — #D7F4F6 · #60B400 · #00997F · #006576 · #001F1E

Built around Clover, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Frost (#D7F4F6): A whisper-light, dusty blue — the color of deep harbor water.
• Clover (#60B400): A luminous, vivid green — the color of fresh herbs.
• Fern (#00997F): A luminous, balanced teal — the color of glacier melt.
• Peacock (#006576): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#001F1E): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Softworn Jade Market color palette (#BFE7F2, #00C27E, #008D89, #006186, #00181A)
• Hushed Terrace color palette (#D7EAEC, #9CA000, #009A7E, #00619A, #000505)
• Ancient Emerald Station color palette (#C6E9E3, #ADA600, #19981D, #006B5E, #001B09)
• Timeworn Pine color palette (#C8E6DF, #328E58, #005140, #1A3700, #00220E)
• Cobalt Boulevard color palette (#D5E6CA, #ACB800, #00B795, #007ADA, #001718)
• Ultramarine Workshop color palette (#C4E5F9, #00ADA7, #0084A5, #0046B4, #001522)
• Lagoon Studio color palette (#CBF0DF, #249695, #006484, #592B47, #3C213B)
• Pale Garden color palette (#E7F9FF, #00DCB8, #00A3B2, #006EBD, #002E3D)

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