Moss Loft color palette — #F6F6EA · #81B448 · #007661 · #3D6200 · #112203
Clover takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F6F6EA): a clean, paper-quiet neutral.
- Clover (#81B448): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007661): A full-bodied, balanced teal — the color of shallow lagoons.
- Olive (#3D6200): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#112203): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged duotone.
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 Mustard Loft color palette (#F7F2E2, #B5AC00, #007B79, #635E00, #000D01)
- Antique Pine Studio color palette (#FBF5E7, #B7A234, #1A790D, #645600, #1D1F00)
- Antique Cypress Field color palette (#F2F7EE, #6FC1A6, #007E87, #007158, #17291B)
- Chalky Emerald color palette (#EBEDDD, #609A4A, #005D48, #1C4E00, #00110B)
- Emerald Balcony color palette (#FBF8CE, #13A56A, #007062, #004582, #00402E)
- Jade Workshop color palette (#B5FEC8, #3DBD8D, #00846D, #00554E, #003C3C)
- Mustard Boulevard color palette (#EBF9F2, #CABF2A, #0097A9, #837A00, #00212C)
- Tempered Pine Studio color palette (#F5F6EF, #D0DED3, #B5C1A6, #2A7E1F, #404400)
Browse the whole catalog at Explore, or see today's palette.