Tempered Moss color palette — #F1F5FF · #A9B5F3 · #D8A069 · #749F4A · #293248

Moss takes the lead with Camel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lavender (#A9B5F3): A luminous, balanced violet — the color of a velvet chair.
• Camel (#D8A069): A luminous, balanced gold — the color of old brass.
• Moss (#749F4A): A luminous, balanced green — the color of new leaves after rain.
• Deep Teal (#293248): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Muted Amber color palette (#EDF6FF, #88C0EE, #E09889, #AE8B00, #223545)
• Weathered Boulevard color palette (#F4F4FF, #D3B4ED, #C2B785, #5CAD80, #3B3B4F)
• Pale Emerald Hollow color palette (#F5F4FF, #D4AEE1, #DA895D, #489131, #003E54)
• Soft Blush color palette (#EAFAED, #DBB6F5, #D887AD, #788B3F, #3F3854)
• Sunlit Pine Alley color palette (#F1F5FF, #9696DE, #C87665, #3D7F4A, #2A3249)
• Hazy Amber color palette (#E5FBF3, #63BCF6, #D08F1D, #1A8477, #152923)
• Jade Lagoon color palette (#F3EBF9, #E48DB2, #72B360, #0093A3, #2F1E39)
• Weathered Emerald color palette (#DEE3FF, #C1A4FF, #A07E00, #15931E, #251242)

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