Moss Loft color palette — #FFF1F6 · #E0D096 · #819437 · #3A6D6F · #172D20

Built around Olive Leaf, softened by Wheat — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Wheat (#E0D096): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#819437): A luminous, balanced green — the color of fresh herbs.
• Teal (#3A6D6F): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#172D20): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, 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 Moss Hollow color palette (#FFF1F5, #EAD98D, #7EA100, #59689C, #103723)
• Patina Lagoon color palette (#EBF9F2, #BDDAB3, #3E9E77, #456D5C, #062F2A)
• Taupe Courtyard color palette (#FBF4E7, #D1CE8A, #9DA764, #84847C, #38352F)
• Weathered Moss color palette (#D0E8D9, #799C36, #005E2D, #003234, #010100)
• Ancient Olive Garden color palette (#EBFAEC, #C0C073, #4A890B, #4B4B7B, #001E13)
• Fern Courtyard color palette (#FCF4E9, #A59C67, #5E6A24, #475102, #38352E)
• Tempered Balcony color palette (#FFEEE2, #B19E73, #5D6C33, #105149, #271900)
• Weathered Periwinkle Corridor color palette (#FBF2F7, #D5D4E2, #54ACFB, #007F7B, #222C4E)

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