Muted Moss color palette — #F7F2E1 · #9B9B24 · #49918C · #8A4A30 · #262315
A conversation between Moss and Coffee, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F2E1): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#9B9B24): A luminous, balanced green — the color of a quiet forest floor.
- Storm Blue (#49918C): A luminous, dusty teal — the color of shallow lagoons.
- Coffee (#8A4A30): A full-bodied, balanced orange — the color of autumn markets.
- Onyx (#262315): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Muted 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
- Weathered Jade Courtyard color palette (#F0F4E6, #52AA6F, #568AA9, #7F5414, #212516)
- Wandering Amber Drift color palette (#FDEFE3, #C58448, #658F66, #7A5154, #2B2016)
- Hushed Olive color palette (#F5F5CA, #558E00, #00788E, #743400, #161500)
- Antique Boulevard color palette (#E8FAF1, #989356, #5C82AD, #6F5379, #2F4239)
- Softworn Mint Studio color palette (#F6F2E1, #85BB8B, #4D8571, #2F5C4F, #2A2E1E)
- Muted Olive color palette (#F3F2E8, #BACC95, #529277, #687A3D, #13180D)
- Muted Bloom color palette (#F2F3E5, #6D9851, #007585, #2C5072, #1E190C)
- Driftwood Archive color palette (#F2F3EA, #D1DBD2, #A3B1AF, #87873F, #36372E)
Browse the whole catalog at Explore, or see today's palette.