Tempered Moss color palette — #DAE4FF · #99B4FF · #7A8E00 · #16813F · #111C41

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

The five colors

• Frost (#DAE4FF): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#99B4FF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#7A8E00): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#16813F): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#111C41): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Patina Moss color palette (#D5E6FF, #93B6FF, #808C00, #008B91, #0C1C43)
• Mallow Market color palette (#E0E2FF, #CE9EFF, #9C8000, #5C771D, #29123C)
• Ancient Parlor color palette (#F4F4FF, #E4AFFF, #80A032, #009052, #381E45)
• Weathered Amber Chapel color palette (#DBE4FF, #9DB3FF, #C66400, #876A00, #11184A)
• Frosted Canyon color palette (#DCD9FC, #D98CFA, #009559, #00766F, #260F2F)
• Wisteria Station color palette (#E5E5FF, #CA83FF, #AE8200, #007A57, #002B2A)
• Dusty Quarry color palette (#D8E5FF, #457CFF, #008F45, #006759, #071A4B)
• Fuchsia Basin color palette (#F2EAFF, #E883D0, #71B273, #5A935B, #2A2139)

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