Moss Loft color palette — #F8F6E4 · #77912F · #007E4C · #3C4391 · #331806

Olive Leaf takes the lead with Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#77912F): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#007E4C): A full-bodied, balanced teal — the color of glacier melt.
• Indigo (#3C4391): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#331806): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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 Loft color palette (#FEF4E1, #A28515, #4E8033, #005485, #301613)
• Frosted Emerald Chapel color palette (#F5F7E6, #509A4A, #008086, #6A3888, #2E1E0A)
• Amber Dune color palette (#FFEBD5, #CD963A, #5A863F, #5C4788, #33302A)
• Pale Peony color palette (#FFF1F1, #D070AD, #00793B, #264889, #301617)
• Tempered Amber Basin color palette (#FBF1DF, #B69000, #007E9F, #513D94, #42193D)
• Antique Aubergine Garden color palette (#F1EBD4, #727400, #005754, #3A0576, #0F0400)
• Gentle Balcony color palette (#E5ECD0, #189F55, #8D1B72, #771330, #1C0D00)
• Ember Grove color palette (#FFF0FB, #DD664D, #00777C, #603478, #150411)

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