Muted Loft color palette — #F1F5FF · #B6C0FF · #E4BE22 · #757EF3 · #473900

A conversation between Periwinkle and Saffron, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lavender (#B6C0FF): A whisper-light, balanced violet — the color of a velvet chair.
• Saffron (#E4BE22): A luminous, balanced green — the color of a quiet forest floor.
• Periwinkle (#757EF3): A luminous, vivid violet — the color of a velvet chair.
• Deep Olive (#473900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Dusty Indigo color palette (#FFF0FB, #B2C5FF, #B4B925, #5670E5, #303100)
• Aged Azure color palette (#EDF6FF, #90CCFF, #FFAE49, #0093E7, #543200)
• Powdered Lime color palette (#EBEDFF, #C9AEFF, #A4BD57, #9C7ED3, #303B0A)
• Periwinkle Archive color palette (#F1F5FF, #E7D6E2, #C3B29D, #78A5E9, #444765)
• Softworn Quarry color palette (#F6F3FF, #FCC2FF, #40D86C, #BC4DC4, #0D471E)
• Chalky Honey color palette (#F5F3FF, #FFC531, #B56BC8, #6D4E76, #1B1828)
• Gentle Apricot color palette (#E8E9FF, #ABA9FF, #FF8349, #22B684, #2C2A54)
• Honey Study color palette (#FFE7EF, #FABC44, #D6944F, #AA6F53, #403503)

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