Moss Terrace color palette — #F5F4FD · #D3A9DB · #C38EB0 · #749B4E · #2D3140

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

The five colors

• Ivory (#F5F4FD): bright and airy, almost weightless.
• Lavender (#D3A9DB): A luminous, balanced pink — the color of neon signs at night.
• Dusty Rose (#C38EB0): A luminous, dusty pink — the color of neon signs at night.
• Moss (#749B4E): A luminous, balanced green — the color of new leaves after rain.
• Deep Teal (#2D3140): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Driftwood Balcony color palette (#F0F6FD, #9CBDEA, #B38FD0, #9D892F, #293645)
• Dusty Lagoon color palette (#E2FBFB, #A8D6FD, #C59ECF, #2FA091, #3E485A)
• Antique Lagoon Delta color palette (#F9F3FB, #E3AABA, #D59074, #29968F, #3C3345)
• Amber Station color palette (#F2F5FD, #A7ACE7, #C58A58, #5A7648, #1C2A31)
• Mallow Drift color palette (#F1F0FE, #CEA6DA, #847687, #545266, #1E2129)
• Wandering Ember Studio color palette (#F5F3FF, #DC7BEB, #FD442C, #009569, #2E1332)
• Coral Balcony color palette (#FFF0FC, #F88A80, #CD6C64, #008C5E, #211938)
• Airy Boulevard color palette (#EDEAFF, #C482D2, #D24B12, #00736C, #210A26)

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