Moss Loft color palette — #F7D8E3 · #978D23 · #007D63 · #5A001F · #020100
Built around Moss, softened by Mulberry — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#F7D8E3): A whisper-light, dusty rose — the color of strawberry cream.
- Moss (#978D23): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007D63): A full-bodied, balanced teal — the color of sea glass.
- Mulberry (#5A001F): A deep, shadowed, balanced red — the color of late-summer berries.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. Tagged pastel, light.
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
- Patina Chapel color palette (#D6F2D9, #7A8C4B, #007368, #571600, #020200)
- Pine Boulevard color palette (#F5DAF0, #AB7919, #29751B, #5F003B, #070002)
- Pale Moss Garden color palette (#D1E7D1, #A79300, #4B781A, #491F00, #100A00)
- Mustard Workshop color palette (#F6EADE, #AFA438, #009772, #7D2629, #181000)
- Ancient Moss color palette (#F0DEC6, #C1B55D, #50AD13, #6C3000, #020100)
- Teal Balcony color palette (#D4EAE4, #25B691, #0088B6, #4C3800, #000A02)
- Nocturne Fern Delta color palette (#FEDCE7, #615100, #3E2300, #220200, #010100)
- Fern Market color palette (#D9ECE1, #635900, #003039, #231F00, #000102)
Browse the whole catalog at Explore, or see today's palette.