Moss Loft color palette — #FFF3E4 · #F3A500 · #81A900 · #008971 · #581512

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

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Saffron (#F3A500): A luminous, vivid gold — the color of afternoon light on wheat.
• Moss (#81A900): A luminous, vivid green — the color of new leaves after rain.
• Fern (#008971): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#581512): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Pale Cabin color palette (#F9F2DC, #C2B600, #4CAA65, #008081, #481D09)
• Soft Moss Lantern color palette (#FFF3E2, #E8AC00, #64AF38, #AB527E, #541C00)
• Washed Apricot color palette (#FFF1F6, #F9901F, #009658, #005196, #41002A)
• Hazy Alley color palette (#FFF2EC, #FF967D, #BD9200, #388A29, #551232)
• Sand Lagoon color palette (#FFEBCF, #E6D08A, #B1B387, #7B906E, #643849)
• Sunlit Archive color palette (#EEE7D9, #E4C000, #BBA600, #888800, #3E4600)
• Tempered Studio color palette (#EBE2D6, #D69100, #75653D, #5B3A00, #1A0F05)
• Tempered Moss Loft color palette (#E7E2CC, #909800, #008856, #005C64, #210A00)

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