Tempered Moss color palette — #F9F5E8 · #91871E · #0F786B · #6B413D · #3A352F

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

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Olive Leaf (#91871E): A luminous, balanced green — the color of fresh herbs.
• Teal (#0F786B): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#6B413D): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#3A352F): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged jewel, vibrant, 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

• Emerald Workshop color palette (#F4F7EB, #5B9659, #006F89, #60425F, #36342D)
• Ancient Amber color palette (#FEF3EB, #CD733D, #5E7544, #683E44, #43322C)
• Worn Driftwood Cabin color palette (#F6F6ED, #D5DED4, #A5B2B5, #8D843B, #53534D)
• Dusty Fern color palette (#FBF5DE, #8FB57B, #508566, #2F6076, #474D00)
• Dusty Terrace color palette (#F0F4E6, #429054, #314400, #282A20, #121612)
• Soft Mulberry Canyon color palette (#FDF5DE, #7B7000, #8B0061, #720010, #342004)
• Softworn Study color palette (#E5FFCE, #9BCD91, #5F956E, #2E6C51, #005746)
• Taupe Ridge color palette (#EBF9F2, #B5AC66, #5586AE, #806084, #3F2D38)

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