Moss Veranda color palette — #E6F6EF · #8F9348 · #685993 · #533061 · #30102A

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

The five colors

• Cream (#E6F6EF): a clean, paper-quiet neutral.
• Moss (#8F9348): A luminous, balanced green — the color of new leaves after rain.
• Slate (#685993): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#533061): A deep, shadowed, balanced pink — the color of a candy shop window.
• Deep Indigo (#30102A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged muted.

Use it as a design system

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

• Taupe Courtyard color palette (#E5F6F2, #88A773, #806592, #6E3849, #321E39)
• Gentle Amber color palette (#FFECF4, #C17A3F, #016F8C, #4E3166, #271338)
• Worn Olive Study color palette (#D9F5EC, #6D872C, #4F4A8F, #433000, #171500)
• Sunlit Aubergine color palette (#EBF9F4, #7D9347, #006F87, #66257C, #582901)
• Washed Boulevard color palette (#FFECF2, #99BAB1, #5D8996, #685B6D, #45324D)
• Lime Cabin color palette (#F7F6E9, #ACC86D, #049BAC, #5E508E, #4A181D)
• Mulberry Ridge color palette (#D8FAFB, #009A6F, #903072, #6E0024, #34000D)
• Aubergine Study color palette (#BCECE6, #108F2B, #700384, #4B0050, #210015)

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