Tempered Moss color palette — #E5F7EC · #A58D00 · #006066 · #534600 · #00151C

A conversation between Mustard and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#E5F7EC): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#A58D00): A luminous, balanced green — the color of fresh herbs.
• Peacock (#006066): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Olive (#534600): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#00151C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Softworn Amber Canyon color palette (#FFECF3, #CA7800, #006354, #673A00, #001612)
• Pale Moss color palette (#DAFAF1, #6CA100, #005C80, #345100, #001322)
• Misty Mustard color palette (#FCF0DC, #D0A500, #00888E, #816500, #001517)
• Muted Moss color palette (#EFEFD3, #58B000, #007149, #00423E, #0D273B)
• Olive Boulevard color palette (#FFDDC7, #5D8E00, #005F5A, #610058, #003314)
• Pale Clover color palette (#DFFFE1, #CBAF00, #00B95C, #008595, #002F20)
• Softworn Market color palette (#ECF8F9, #5BC4AD, #466FAC, #00705E, #192533)
• Fern Quarry color palette (#DAEEE6, #556300, #002D40, #1B2000, #000205)

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