Moss Loft color palette — #FFF3E7 · #DDCE97 · #98B149 · #379D7C · #463A00
A conversation between Moss and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Wheat (#DDCE97): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#98B149): A luminous, balanced green — the color of new leaves after rain.
- Fern (#379D7C): A luminous, balanced teal — the color of glacier melt.
- Deep Olive (#463A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Tempered Jade Harbor color palette (#FDF4E1, #C2D8A0, #62BB7C, #9C882D, #31410F)
- Softworn Archive color palette (#F7F5ED, #D6D9B0, #81BBA0, #569CA9, #454600)
- Moss Pier color palette (#E9FAF0, #BDC07B, #7C9136, #447832, #3C3E0A)
- Powdered Emerald color palette (#EEE6D1, #94B373, #009756, #007278, #121F00)
- Antique Delta color palette (#EDEDD8, #78D7A9, #00AEA3, #0085B7, #003823)
- Hushed Pier color palette (#FAF4EE, #E8DDC2, #ACBD90, #AE8FA6, #614900)
- Mustard Market color palette (#FFECF2, #C0A70C, #5D761A, #205747, #272000)
- Marigold Lantern color palette (#E2FDEF, #65D4FF, #F6A217, #00A6D4, #523300)
Browse the whole catalog at Explore, or see today's palette.