Moss Coast color palette — #D9E9C8 · #658E00 · #325200 · #102300 · #010200

A conversation between Olive Leaf and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#D9E9C8): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#658E00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#325200): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#102300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#010200): quiet, heavy and certain.

Feels like: Nature, Growth, Balance. Tagged monochrome.

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 Study color palette (#E6E3CC, #8B7700, #544900, #1C1900, #020200)
• Dusty Lagoon color palette (#DCF4E5, #00906A, #005337, #002119, #000201)
• Timeworn Moss Summit color palette (#E3EBDD, #6AA422, #407200, #284300, #010200)
• Soft Canyon color palette (#B9F2CD, #61C37C, #008B5C, #005527, #001906)
• Ancient Olive Meadow color palette (#E5F3DF, #4B7400, #1D3200, #17242B, #030C00)
• Pale Nightshade color palette (#D4E4E3, #008C4A, #3210BD, #004421, #000011)
• Gentle Studio color palette (#CEEAE6, #247627, #52006E, #3C2200, #000300)
• Gentle Byzantium Boulevard color palette (#EADADB, #B206EF, #677800, #051008, #000201)

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