Tempered Moss color palette — #FFF1F4 · #E4A0FF · #74AF00 · #8B44A6 · #2A4300

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#E4A0FF): A luminous, balanced pink — the color of peonies in June.
• Clover (#74AF00): A luminous, vivid green — the color of fresh herbs.
• Plum (#8B44A6): A full-bodied, vivid pink — the color of neon signs at night.
• Deep Olive (#2A4300): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

Use it as a design system

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

• Fuchsia Balcony color palette (#FFE8EA, #F78BED, #37AD78, #8E3F88, #0E3F29)
• Byzantium Pier color palette (#F5F4FF, #EFC3FF, #91BB00, #AD25D3, #273400)
• Gentle Lapis Thicket color palette (#FFF0F9, #B4B8FF, #AF9B00, #5D56C1, #433B00)
• Feathered Teal color palette (#FFF1F1, #F196C5, #00BDB1, #AD658B, #054D48)
• Quiet Canyon color palette (#F5F4FF, #B775CD, #C16000, #8B12AA, #5D2B00)
• Lime Summit color palette (#FFF1F3, #77D564, #984094, #532850, #2A1216)
• Hazy Chartreuse Dune color palette (#E9ECFB, #A9D400, #A1ADFF, #4A2D41, #261A22)
• Airy Orchid color palette (#FFF1F5, #DCAFFF, #00CCEA, #C162FF, #00424E)

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