Muted Loft color palette — #F9F5E8 · #868F56 · #377654 · #424A74 · #551D00
A conversation between Espresso and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5E8): bright and airy, almost weightless.
- Moss (#868F56): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#377654): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#424A74): A full-bodied, dusty violet — the color of wild irises.
- Espresso (#551D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Muted 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
- Wandering Quarry color palette (#FEF3E7, #A27A3A, #4E7948, #1A5A73, #45302F)
- Cocoa Corridor color palette (#FFF3E6, #BFA372, #64805C, #5E517A, #594500)
- Taupe Studio color palette (#FAF5E7, #A29A54, #4B7693, #47517A, #5C3447)
- Faded Lagoon color palette (#F1F8E7, #008E62, #3C5C99, #562F60, #382A19)
- Linen Olive color palette (#F4F9D8, #508600, #006156, #362782, #3D1501)
- Wandering Bloom color palette (#FFF3E8, #D7BF8D, #858E53, #3E6938, #005340)
- Dusty Study color palette (#F9F4EE, #D8DBD4, #A0AFB0, #A17A3A, #57524A)
- Muted Olive color palette (#F7F2E0, #7D823C, #394200, #2C291D, #15160E)
Browse the whole catalog at Explore, or see today's palette.