Tempered Moss color palette — #D6F7F0 · #56B600 · #009BB0 · #0070C8 · #1D0A37

A conversation between Clover and Royal Blue, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D6F7F0): A whisper-light, dusty teal — the color of sea glass.
• Clover (#56B600): A luminous, vivid green — the color of fresh herbs.
• Cerulean (#009BB0): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0070C8): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Deep Indigo (#1D0A37): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged jewel, vibrant.

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

• Chalky Moss color palette (#D3FDED, #96A600, #009F99, #007BA6, #140F38)
• Chalky Boulevard color palette (#D7F8F8, #00BA79, #0098D1, #5B4FE0, #26022A)
• Hazy Lime Dune color palette (#CAF2E5, #98B800, #00A180, #00738E, #341F00)
• Pale Summit color palette (#D7F1F6, #00B4A9, #396EFF, #7640AD, #1D0C27)
• Wandering Station color palette (#E9F9F8, #8BD7A7, #51B1DF, #7886BE, #322F40)
• Misty Alley color palette (#D9FADF, #A37900, #00776E, #5300B2, #2E1100)
• Soft Aubergine color palette (#DCF2F3, #007A54, #005D8A, #330088, #050004)
• Chalky Field color palette (#FFF3E8, #C9761D, #0053C1, #00309D, #11000C)

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