Tempered Moss color palette — #F5ECDC · #989200 · #2D5F00 · #002919 · #000201

Moss and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5ECDC): A whisper-light, dusty gold — the color of old brass.
• Moss (#989200): A luminous, balanced green — the color of new leaves after rain.
• Olive (#2D5F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#002919): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, 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 Alley color palette (#FBDFD0, #B47D00, #5E5500, #152000, #000200)
• Patina Moss color palette (#E7E7D2, #58A641, #005B45, #002021, #000102)
• Olive Ridge color palette (#EAF5D2, #70A436, #1F880F, #005524, #000F07)
• Softworn Olive color palette (#EAE1D5, #6C6B00, #274800, #002316, #000D0C)
• Timeworn Bronze color palette (#FBD8E5, #847800, #005033, #2E003C, #010100)
• Emerald Thicket color palette (#FFF5D3, #A9CE00, #269C11, #005A4C, #001F20)
• Velvet Chestnut Station color palette (#CFE7D7, #796600, #004353, #2C001F, #040001)
• Dusty Workshop color palette (#E7E0C1, #64A063, #006969, #481931, #1B000D)

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