Tempered Moss color palette — #E8FAF2 · #9BAE57 · #218BA2 · #4A558B · #291627

A conversation between Sage and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E8FAF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#9BAE57): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#218BA2): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#4A558B): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#291627): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant, 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

• Lime Balcony color palette (#EAF9F3, #A2AF49, #7A7DBF, #585B93, #261724)
• Worn Bloom color palette (#E8FAF2, #ADB66A, #508E61, #3E6492, #1F0F1C)
• Ancient Delta color palette (#E4FAFF, #4FBDB7, #4D8EBF, #82456B, #0C231A)
• Wandering Honey Balcony color palette (#FFF1F6, #DACE7B, #56A47C, #7A5185, #0E3A2F)
• Weathered Mulberry color palette (#D8FFF4, #759C00, #006F8F, #71005E, #030300)
• Chalky Mulberry Market color palette (#E7F9FF, #00ABA8, #0079B6, #831860, #171600)
• Worn Bronze color palette (#FEF3E9, #B26D24, #00617D, #622F58, #372819)
• Aged Moss color palette (#E4FBF6, #78B149, #2C4D4F, #0F221F, #020704)

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