Muted Loft color palette — #FFF1F5 · #C49FEC · #CD8A80 · #237D9B · #321E25

Lavender and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Lavender (#C49FEC): A luminous, balanced violet — the color of wild irises.
• Dusty Rose (#CD8A80): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#237D9B): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#321E25): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged 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

• Mallow Basin color palette (#FFF1F1, #E894BF, #C2945E, #5C71A4, #371C1B)
• Marigold Harbor color palette (#FFF1F4, #D3A7DF, #CFA752, #16A598, #462930)
• Washed Ridge color palette (#FFF0FD, #8FB3F3, #7DAC7F, #0B8572, #2E1E2D)
• Tempered Canyon color palette (#FFF2EE, #DE7D87, #6689C9, #645297, #290A03)
• Powder Courtyard color palette (#FFF0F9, #AAA9F4, #D08596, #A35D46, #331C2A)
• Patina Alley color palette (#FFF0FB, #92A6F0, #489961, #006D6D, #001C14)
• Timeworn Amber color palette (#FFF3E7, #FFB4BF, #C47C6E, #6D651C, #432B23)
• Washed Station color palette (#FCF3F2, #E2D8D2, #C1C5BB, #BC8EA5, #463D3C)

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