Tempered Moss color palette — #F9F6E5 · #8F9745 · #378E90 · #655D59 · #3F3D36

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

The five colors

• Ivory (#F9F6E5): A whisper-light, dusty green — the color of fresh herbs.
• Moss (#8F9745): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#378E90): A full-bodied, balanced teal — the color of sea glass.
• Graphite (#655D59): a grounded near-black with real depth.
• Charcoal (#3F3D36): quiet, heavy and certain.

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

• Wandering Moss color palette (#F8F5EB, #889A29, #007676, #734332, #37332D)
• Softworn Amber color palette (#FFF3E9, #C17F47, #638B5E, #78506C, #423C37)
• Softworn Jade Balcony color palette (#F2F8E9, #56A377, #5785A4, #755A36, #364400)
• Tempered Hollow color palette (#F7F2E1, #9E9851, #6884AE, #6D517D, #29220F)
• Tempered Jade Cabin color palette (#FAF6E1, #7DB982, #4A856F, #385E78, #414F01)
• Wandering Parlor color palette (#F6F5ED, #B6C992, #438F67, #647440, #2D2F28)
• Driftwood Alley color palette (#F5F6EE, #D4DDD5, #9EB0B5, #85873F, #53534E)
• Feathered Atelier color palette (#E0FFDE, #8DD1A4, #489072, #206756, #004B59)

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