Moss Loft color palette — #F4F4FF · #CA9EE3 · #8BAA5F · #267F90 · #242232

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

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Mauve (#CA9EE3): A luminous, balanced violet — the color of wild irises.
• Moss (#8BAA5F): A luminous, balanced green — the color of new leaves after rain.
• Teal (#267F90): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#242232): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Feathered Parlor color palette (#F6F3FF, #E194D5, #32B4A2, #2E7D99, #272133)
• Ancient Mallow Workshop color palette (#F5F3FF, #D797E3, #82AD66, #5A7F42, #252136)
• Powdered Meadow color palette (#EEF6FF, #74B7FF, #B09F3A, #00847C, #192634)
• Weathered Orchard color palette (#F3F4FF, #BF9DFC, #618E06, #1D6694, #1A1B2F)
• Feathered Study color palette (#FAF1FF, #FD96BE, #6B9B2E, #2C5E92, #0E2C4A)
• Worn Amber color palette (#E4FCEE, #FFB1CE, #C67E4D, #226C89, #3D2A3E)
• Antique Cabin color palette (#FFF1F1, #F993CB, #DC9F5A, #798FC0, #442B2B)
• Peony Bloom color palette (#FFEDED, #B7669D, #4F835F, #265F3B, #291214)

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