Weathered Moss color palette — #E4F7F0 · #8CA92B · #425F59 · #2F3B37 · #1D2320
Built around Moss, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#E4F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#8CA92B): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#425F59): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal (#2F3B37): quiet, heavy and certain.
- Onyx (#1D2320): 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 Weathered 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
- Wandering Stone Pier color palette (#E8FAF3, #A9B673, #3C5B5C, #1E2F29, #0C110D)
- Washed Jade Harbor color palette (#E0F7F9, #00B68F, #405E63, #2E3B3C, #1C2323)
- Amber Ridge color palette (#EBF5EB, #D08B03, #4B5D50, #313B31, #262022)
- Olive Quarry color palette (#E8F6F1, #74863E, #2D413F, #202C28, #0E1716)
- Wandering Balcony color palette (#CDEAE6, #0FA227, #1F5036, #0B2C29, #041512)
- Hushed Olive Boulevard color palette (#F4F2E6, #AFBF84, #79823C, #605500, #24211A)
- Washed Alley color palette (#E1FBFD, #5DC8A4, #6CAED2, #999468, #2D4849)
- Weathered Seafoam color palette (#C6F9ED, #9FDC98, #78B180, #4E8061, #315556)
Browse the whole catalog at Explore, or see today's palette.