Patina Moss color palette — #F9F6E2 · #96A94E · #748FC2 · #4F6EA8 · #34332C
A conversation between Moss and Slate, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#96A94E): A luminous, balanced green — the color of new leaves after rain.
- Slate Blue (#748FC2): A luminous, balanced violet — the color of a velvet chair.
- Slate (#4F6EA8): A full-bodied, balanced violet — the color of wild irises.
- Espresso (#34332C): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged muted.
Use it as a design system
One click turns Patina 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 Moss Alley color palette (#F8F6E3, #8CAC55, #A87EAC, #855F89, #34332C)
- Patina Veranda color palette (#FFF3E3, #BE9854, #419FA8, #007E87, #36322C)
- Chalky Corridor color palette (#EAF9F1, #8E832F, #3C75AA, #6A3986, #1C3A2B)
- Antique Chapel color palette (#FFF2ED, #ABBA6D, #3C9695, #825074, #3D3E37)
- Dusty Periwinkle color palette (#FDF5E0, #C8BC61, #68B2FD, #A77CBD, #35332C)
- Hushed Pier color palette (#FBF4EA, #C3A771, #A291C3, #9E6E50, #533700)
- Teal Delta color palette (#ECFAEC, #1DB1B5, #00878A, #65528E, #33250D)
- Weathered Bronze Terrace color palette (#F8F5EE, #D7C28B, #2EA1A8, #9D7C00, #1B281D)
Browse the whole catalog at Explore, or see today's palette.