Moss Canyon color palette — #E9F9F4 · #88A24A · #03879C · #505C93 · #36212D

Moss and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9F9F4): bright and airy, almost weightless.
• Moss (#88A24A): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#03879C): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#505C93): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#36212D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Moss Canyon 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 Cobalt Dune color palette (#E7FAF6, #7EA767, #0083AE, #7B406D, #152F23)
• Antique Amber color palette (#EBFAED, #AB8B36, #558A5A, #245E8A, #2E2134)
• Taupe Canyon color palette (#E7FAF3, #9EAE60, #5483B9, #79497B, #562537)
• Aged Pewter Meadow color palette (#FFF1F7, #B6B672, #4A977A, #7E5080, #25443D)
• Dusty Aubergine Coast color palette (#C3F8FF, #009275, #006A7B, #79008A, #1E1300)
• Patina Moss color palette (#D0EBE7, #64A156, #305458, #20322F, #101B16)
• Quiet Lantern color palette (#E9F9FA, #4ACDAC, #509DE6, #7D73B4, #2E2837)
• Pale Lagoon color palette (#CCEDF6, #008E8F, #514BB2, #751E56, #121300)

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