Patina Moss color palette — #F8F5E9 · #C4ECC8 · #D8BEF6 · #95A439 · #5D3A47

Moss takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F8F5E9): bright and airy, almost weightless.
• Celadon Mist (#C4ECC8): A whisper-light, dusty green — the color of fresh herbs.
• Lavender (#D8BEF6): A whisper-light, balanced violet — the color of wild irises.
• Moss (#95A439): A luminous, balanced green — the color of a quiet forest floor.
• Cocoa (#5D3A47): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, 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 Grove color palette (#F2F8E9, #B0EDE9, #FCB4CB, #36B37E, #603B37)
• Patina Amber color palette (#FCF3EC, #EADCB9, #B6CAFF, #D4843D, #593A54)
• Wandering Fern Thicket color palette (#F9F6E5, #BAE3E0, #C8C7D1, #CDAC88, #505000)
• Worn Summit color palette (#EAF9F3, #AAB871, #A48BC4, #6E7A37, #494A66)
• Mallow Villa color palette (#F8F6E0, #C1D4A4, #CEA9E8, #B591CD, #393932)
• Patina Alley color palette (#F1F7ED, #D7D7CB, #519584, #125244, #171E12)
• Timeworn Basalt color palette (#FFF2EA, #DFDDC3, #CFA38E, #9A6E62, #4E3D00)
• Hushed Harbor color palette (#F5F8DE, #B4E5D3, #91BF89, #5A7C38, #1B3410)

Browse the whole catalog at Explore, or see today's palette.