Moss Terrace color palette — #F9F6DF · #748C31 · #78669A · #5B4580 · #34332C

Olive Leaf and Plum set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F6DF): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#748C31): A luminous, balanced green — the color of fresh herbs.
• Slate (#78669A): A full-bodied, balanced violet — the color of a velvet chair.
• Plum (#5B4580): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#34332C): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Ancient Bronze color palette (#FFF3E6, #B17022, #5C6CAB, #414F85, #37322C)
• Lagoon Bloom color palette (#EFF9E9, #00967F, #905D84, #723D67, #2B3723)
• Antique Meadow color palette (#F5F6E9, #5F894D, #2A5D9E, #682837, #2B2916)
• Hushed Jade color palette (#FFF2EA, #66AA71, #127782, #6E3B4F, #354227)
• Softworn Mulberry Grove color palette (#FFECF5, #B27554, #7B66AE, #743673, #26121E)
• Plum Parlor color palette (#FFF3E8, #CC8F61, #9B80C3, #985386, #37322D)
• Fern Terrace color palette (#F7F5EB, #AAB676, #007C92, #5B6700, #16291E)
• Aubergine Courtyard color palette (#E1E9C8, #248F4A, #661493, #5B0048, #00270E)

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