Tempered Moss color palette — #EFEFE8 · #C7D9CE · #9AC6BD · #7CA051 · #2F2E24

A conversation between Moss and Ash, giving this palette its sense of nature and growth.

The five colors

• Cream (#EFEFE8): bright and airy, almost weightless.
• Oat (#C7D9CE): A whisper-light, dusty teal — the color of sea glass.
• Ash (#9AC6BD): A luminous, dusty teal — the color of shallow lagoons.
• Moss (#7CA051): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#2F2E24): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Wandering Olive color palette (#E6F1EF, #CBDBDB, #9ABFC5, #498239, #1E322F)
• Washed Teal Alley color palette (#ECF0E9, #C3D9D6, #DAC0DC, #1CA991, #293026)
• Airy Teal Ridge color palette (#ECE4D0, #9EC796, #00A98C, #7F7736, #2A2B04)
• Wandering Fern Canyon color palette (#E2EBE9, #BFCFCF, #8AAAB2, #316406, #031A17)
• Ancient Workshop color palette (#E0EAD3, #00A572, #005F6B, #263600, #050501)
• Weathered Ash Balcony color palette (#F2F7F2, #D3DDDD, #B8B6AC, #78AAB2, #4F544F)
• Cypress Grove color palette (#EAEFE7, #9FB6B3, #B89DBB, #00856E, #0C1705)
• Misty Lime Grove color palette (#FBD4CA, #92BC00, #009BA2, #9C4070, #212802)

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