Muted Loft color palette — #D9ECF3 · #11CD35 · #F64663 · #481B00 · #320B11

A conversation between Clover and Scarlet, giving this palette its sense of nature and growth.

The five colors

• Frost (#D9ECF3): A whisper-light, dusty blue — the color of deep harbor water.
• Clover (#11CD35): A luminous, vivid green — the color of a quiet forest floor.
• Scarlet (#F64663): A luminous, vivid red — the color of late-summer berries.
• Espresso (#481B00): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#320B11): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Energy. Tagged neon, dark, vibrant, warm.

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

• Tempered Clover Courtyard color palette (#E3E4F7, #00CD57, #F06C00, #3A1400, #230F1B)
• Peony Ridge color palette (#C5E8F6, #A5B700, #FF4298, #460023, #22112A)
• Dusty Lime color palette (#DEF0FE, #B4C100, #FF818C, #5E2F33, #26140F)
• Weathered Atelier color palette (#D7E5FF, #ADE38C, #FFA196, #5A3A42, #362D35)
• Peony Archive color palette (#D8E3F0, #07C4EF, #FF63AF, #4A112E, #210E0D)
• Aged Magenta Chapel color palette (#C7E6FC, #00B4A8, #EE00C6, #2C0023, #090510)
• Garnet Terrace color palette (#F6DBF2, #B88A00, #730013, #3A0005, #130500)
• Washed Dune color palette (#EDEFFF, #00A7A6, #A57800, #131403, #000701)

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