Tempered Moss color palette — #ECE1C4 · #AA9E00 · #5C6923 · #3F3C35 · #110C07

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

The five colors

• Parchment (#ECE1C4): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#AA9E00): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#5C6923): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#3F3C35): quiet, heavy and certain.
• Ink (#110C07): a grounded near-black with real depth.

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

• Timeworn Amber color palette (#E7DED3, #D28900, #6F6213, #553400, #140B06)
• Antique Cabin color palette (#E7E6D1, #90BC2E, #66755B, #524B00, #1C1810)
• Weathered Olive Hollow color palette (#DEEDE5, #8B8400, #1F4840, #15261E, #080F0A)
• Emerald Field color palette (#E7EECD, #00AF45, #006667, #323900, #0B0700)
• Teal Garden color palette (#E0EEDB, #00BAA4, #2E708A, #394634, #111308)
• Tempered Boulevard color palette (#E3F6E1, #00A09D, #305E50, #263425, #040501)
• Mint Canyon color palette (#EEF5E2, #4ED391, #6C8270, #53564C, #22221D)
• Mustard Workshop color palette (#EFE1C6, #BDBE1A, #67B555, #268A65, #00413E)

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