Tempered Moss color palette — #C8E8CF · #939326 · #725700 · #5A3000 · #1A3000
A conversation between Moss and Coffee, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#C8E8CF): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#939326): A luminous, balanced green — the color of new leaves after rain.
- Coffee (#725700): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Cocoa (#5A3000): A deep, shadowed, balanced gold — the color of honey in a jar.
- Deep Forest (#1A3000): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
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
- Washed Driftwood color palette (#F7EBD6, #9E8E41, #705800, #493100, #141300)
- Tempered Mustard color palette (#C2EACE, #B8A542, #927300, #6C4C00, #2D2A00)
- Feathered Garnet color palette (#FFD4B8, #BB8100, #8B4600, #750402, #302900)
- Terracotta Grove color palette (#FFE6F6, #C98F5B, #A44B2B, #762E38, #463200)
- Timeworn Chapel color palette (#E8FBEB, #8BB19E, #866F3E, #6B4456, #26443D)
- Worn Lagoon Canyon color palette (#E8FBEF, #9DC1B5, #628B73, #4F644D, #324E4A)
- Frosted Rose color palette (#F8E7ED, #FB4D6A, #963C00, #4F3200, #1B2B09)
- Nocturne Chestnut Courtyard color palette (#FFE8F6, #7E4C19, #4F1600, #280007, #060300)
Browse the whole catalog at Explore, or see today's palette.