Moss Terrace color palette — #F2F4FF · #B3A7DB · #92A24E · #7667A3 · #2D5649

Moss takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F2F4FF): a clean, paper-quiet neutral.
• Mauve (#B3A7DB): A luminous, dusty violet — the color of a velvet chair.
• Moss (#92A24E): A luminous, balanced green — the color of new leaves after rain.
• Slate (#7667A3): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal Brown (#2D5649): A full-bodied, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Worn Basin color palette (#EFF1FF, #BFA3EA, #A1A066, #7A6797, #17382B)
• Dusty Balcony color palette (#F7F3FD, #D29DBC, #62AB81, #995A81, #2C5555)
• Cobalt Veranda color palette (#EEF6FF, #87B5E0, #C18D4D, #3277B1, #3D543A)
• Mallow Ridge color palette (#FFF1F6, #D1B4FB, #B8B56F, #9680B7, #4F4D46)
• Driftwood Field color palette (#EDF9EF, #9FC2AD, #967C4C, #72535F, #384D44)
• Amber Lantern color palette (#F3F4FF, #A389C9, #BA7839, #37857A, #3F4153)
• Weathered Oat color palette (#F3F4FF, #E1D7E0, #E5BE9C, #7585A9, #535161)
• Tempered Atelier color palette (#F6F4FB, #D3BD91, #774E6C, #3E324F, #2B2429)

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