Tempered Moss color palette — #F7F2DE · #8C9800 · #00625D · #454B00 · #001614

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

The five colors

• Cream (#F7F2DE): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#8C9800): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#00625D): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#454B00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#001614): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Amber Terrace color palette (#F6ECDA, #B19200, #00686C, #5C4A00, #000501)
• Emerald Atelier color palette (#F0F4E0, #3BA750, #005C7C, #00561B, #00141E)
• Sunlit Hollow color palette (#F9F0E3, #B58500, #00671B, #5B4200, #001802)
• Emerald Market color palette (#DFE8D6, #3AA94A, #006D4F, #004440, #002B30)
• Denim Workshop color palette (#F2F7EC, #62AA92, #065DAD, #005E48, #211222)
• Emerald Canyon color palette (#F8E1BD, #19971D, #006056, #550074, #00321C)
• Muted Lime Loft color palette (#EEFCD3, #A5BD00, #00B465, #008385, #003127)
• Navy Station color palette (#F6F3D1, #506400, #003798, #52003F, #261100)

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