Tempered Moss color palette — #D2ECDF · #999400 · #2C5651 · #22322A · #151A15
A conversation between Moss and Charcoal Brown, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D2ECDF): A whisper-light, dusty teal — the color of sea glass.
- Moss (#999400): A luminous, balanced green — the color of new leaves after rain.
- Charcoal Brown (#2C5651): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#22322A): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#151A15): 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 Moss Workshop color palette (#CCEDE7, #38AB13, #355357, #1F322F, #131A17)
- Washed Amber Summit color palette (#F7DCE7, #D17400, #365542, #38292F, #1C161B)
- Timeworn Moss Field color palette (#FBF5E3, #A4A444, #4B4900, #251E05, #090501)
- Softworn Olive Quarry color palette (#D2ECDF, #7A7500, #1A3837, #14231C, #160E0D)
- Hushed Mustard Field color palette (#E9E4D5, #B2AF59, #687834, #5A4700, #1E170E)
- Tempered Lagoon Study color palette (#D4F3F9, #009488, #1B4559, #0E262A, #031010)
- Tempered Clover Coast color palette (#D5FFFA, #66BC67, #B87FC9, #A97390, #193F3B)
- Tempered Lime color palette (#F3ECB3, #B4CB5B, #68AB5B, #3E7A57, #154F56)
Browse the whole catalog at Explore, or see today's palette.