Moss Coast color palette — #FDF7CE · #879E00 · #00968B · #A45000 · #0B0F00

Olive Leaf and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FDF7CE): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#879E00): A luminous, balanced green — the color of new leaves after rain.
• Fern (#00968B): A luminous, balanced teal — the color of sea glass.
• Ochre (#A45000): A full-bodied, balanced gold — the color of old brass.
• Ink (#0B0F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Dusty Grove color palette (#FFF4DB, #A79200, #00996E, #C22400, #100D00)
• Emerald Drift color palette (#F0FBD6, #00AE63, #0090B0, #846600, #001106)
• Chalky Jade color palette (#F5F9D8, #79BA6A, #00A9B8, #AA7000, #1C1D00)
• Aged Pier color palette (#E3FFDB, #00A89A, #0084E4, #647400, #00100E)
• Ancient Lantern color palette (#DEE6BE, #009339, #00788B, #6E4E00, #000200)
• Hushed Plum color palette (#FFF3E5, #C58100, #3B9A02, #C40057, #150A00)
• Dusty Garnet color palette (#FEF5DC, #978D00, #AF5082, #930025, #090800)
• Hushed Olive color palette (#E7F5E2, #337F00, #006B73, #6B4300, #0F2606)

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