Patina Moss Alley color palette — #F7F6E9 · #DEEDB7 · #CCC2FE · #8EA63D · #5A3B4B

Moss and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Celadon Mist (#DEEDB7): A whisper-light, dusty green — the color of fresh herbs.
• Lavender (#CCC2FE): A whisper-light, balanced violet — the color of wild irises.
• Moss (#8EA63D): A luminous, balanced green — the color of new leaves after rain.
• Cocoa (#5A3B4B): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Patina Moss Alley 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

• Jade Corridor color palette (#F1F8EB, #BCF4DD, #F7B4DC, #14B489, #62393A)
• Taupe Summit color palette (#EDF8F3, #D7DB9A, #FFADB2, #ABAF5B, #59455A)
• Wandering Amber Summit color palette (#FEF3E7, #E4E2B1, #96D4FF, #CB8B1A, #215042)
• Timeworn Veranda color palette (#F8F6E9, #D0E4D5, #A3C0D7, #C6AC7E, #515100)
• Softworn Driftwood Loft color palette (#F2F7ED, #D3D8CB, #759151, #374F0D, #181E11)
• Ancient Grove color palette (#EAF9F3, #ABB873, #A18BCD, #6E793C, #474A67)
• Wisteria Alley color palette (#F5F7E6, #AFD9A8, #A4B9F3, #C987C8, #383932)
• Ancient Basalt color palette (#FFF2EA, #E1DDC1, #D2A28D, #9E6A6A, #533A00)

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