Tempered Moss color palette — #D9ECEC · #69A100 · #008561 · #00535D · #000302

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

The five colors

• Frost (#D9ECEC): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#69A100): A luminous, vivid green — the color of fresh herbs.
• Fern (#008561): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00535D): A full-bodied, dusty blue — the color of open sky before noon.
• Black (#000302): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.

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

• Hazy Courtyard color palette (#CAF1ED, #958F00, #258906, #00584F, #000301)
• Ancient Lagoon Bloom color palette (#DCF4F3, #009B6E, #007977, #005576, #000304)
• Pine Lantern color palette (#C9EDE2, #297B2D, #00412A, #192200, #000403)
• Soft Clover Courtyard color palette (#E0EAD2, #32C636, #00A574, #007D78, #000B07)
• Weathered Lagoon Quarry color palette (#E1EDE3, #389AA0, #005262, #002D24, #00050A)
• Timeworn Onyx color palette (#D8F6E1, #007A71, #00475A, #3B042D, #180004)
• Hushed Harbor color palette (#D9FDFF, #C2B400, #00B46B, #0068B0, #000202)
• Softworn Garnet color palette (#DEEEF4, #006870, #8D0016, #003035, #0B0000)

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