Tempered Moss color palette — #DFEFE9 · #889E2A · #007062 · #4C5A00 · #000405

Built around Moss, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DFEFE9): bright and airy, almost weightless.
• Moss (#889E2A): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007062): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#4C5A00): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#000405): quiet, heavy and certain.

Feels like: Nature, Growth, Balance. Tagged duotone, muted.

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

• Pine Summit color palette (#E4F2E8, #B38C14, #00752D, #674F00, #000404)
• Powdered Emerald color palette (#CFEAE8, #35AC62, #006B88, #006430, #000407)
• Sunlit Emerald color palette (#E1F4D5, #21A75F, #00785C, #004441, #00191E)
• Hushed Emerald color palette (#DEEBE0, #009B3C, #006660, #541465, #001C10)
• Clover Veranda color palette (#DEF8F6, #05CC6E, #0081B4, #007E41, #001420)
• Nightshade Summit color palette (#D6E9E3, #5B7100, #323BBA, #60004F, #0D0500)
• Antique Navy color palette (#D0E6E8, #008871, #00428A, #004236, #000207)
• Frosted Mustard color palette (#E8E2D7, #C7A700, #0091B1, #8C7500, #000502)

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