Tempered Moss color palette — #FCF7C8 · #CCDB62 · #73AF3C · #7F6600 · #3B3E0E

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

The five colors

• Custard (#FCF7C8): A whisper-light, dusty green — the color of new leaves after rain.
• Honey (#CCDB62): A whisper-light, balanced green — the color of new leaves after rain.
• Clover (#73AF3C): A luminous, balanced green — the color of new leaves after rain.
• Walnut (#7F6600): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#3B3E0E): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, 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

• Washed Clover color palette (#EAFED0, #A8DE9C, #00CA78, #5F6500, #29440C)
• Mustard Thicket color palette (#FFF3E4, #E9BF64, #B7A500, #934F00, #442F00)
• Chartreuse Lagoon color palette (#FFEFCB, #BDD95C, #00C0A2, #8C4800, #252400)
• Softworn Moss Station color palette (#C4E9CE, #A38D00, #705800, #503700, #2D2A00)
• Sunlit Mint Lagoon color palette (#FFF5D3, #BCE781, #10DAB1, #C06B00, #36380B)
• Chalky Mint color palette (#DBFEF9, #A0F4BE, #00CDA8, #658234, #2B4E31)
• Worn Pine color palette (#CAE6DD, #699F61, #008153, #303700, #000F0C)
• Softworn Pier color palette (#D6F6F3, #8BD2B1, #00BDA9, #326C24, #00383A)

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