Tempered Moss color palette — #F3F3E4 · #86A960 · #3B7F73 · #215269 · #33240B

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

The five colors

• Cream (#F3F3E4): bright and airy, almost weightless.
• Moss (#86A960): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#3B7F73): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#215269): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#33240B): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, 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

• Taupe Courtyard color palette (#F9F0E5, #BB9651, #607B4B, #115850, #3C1E0D)
• Antique Jade Chapel color palette (#EFF4E6, #53B281, #317D8C, #624525, #2C280A)
• Weathered Taupe Bloom color palette (#EBF9F4, #909F69, #367C83, #504E79, #4F3954)
• Mint Harbor color palette (#F0F7CF, #80D19A, #4B9972, #28624F, #2D3B24)
• Faded Emerald Hollow color palette (#EDF6DE, #009B65, #006773, #003579, #1A1900)
• Hushed Quarry color palette (#F1F6D5, #BFCAAB, #8E9A88, #596D66, #433843)
• Antique Lagoon color palette (#E9F6E9, #00A2A0, #2E6997, #453668, #03260D)
• Muted Emerald Study color palette (#EEEFDE, #589537, #384100, #1F1F16, #0D0D07)

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