Tempered Moss color palette — #F6F6E7 · #83A464 · #3D7E6F · #335E49 · #5E3900
Moss and Bronze set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F6F6E7): a clean, paper-quiet neutral.
- Moss (#83A464): A luminous, balanced green — the color of new leaves after rain.
- Teal (#3D7E6F): A full-bodied, dusty teal — the color of shallow lagoons.
- Pine (#335E49): A full-bodied, dusty teal — the color of sea glass.
- Bronze (#5E3900): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, 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
- Patina Taupe Dune color palette (#FAF5E9, #AA983B, #4D7E4F, #1D5F5C, #48413D)
- Weathered Jade color palette (#F3F7EA, #5AAC75, #257E87, #654865, #44423B)
- Timeworn Alley color palette (#F6FACE, #85C28C, #56996B, #3F735A, #3D5A4A)
- Weathered Chestnut Ridge color palette (#F9F5EC, #CEC09B, #828556, #806018, #604A00)
- Taupe Hollow color palette (#F7F8DA, #CAD1B2, #8B997C, #61716A, #5A4A5C)
- Emerald Ridge color palette (#F2FADA, #009743, #006769, #00436E, #3A3000)
- Softworn Taupe Harbor color palette (#F4F2E8, #9CA269, #307E85, #4E4372, #411918)
- Aged Iris Bloom color palette (#F3F6EE, #A5D4B7, #7EB996, #7D7EC4, #464516)
Browse the whole catalog at Explore, or see today's palette.