Weathered Loft color palette — #FFF1F4 · #F5D2CF · #FFB496 · #8686BB · #553C3E

Melon and Slate Blue set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Shell Pink (#F5D2CF): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FFB496): A whisper-light, balanced orange — the color of autumn markets.
• Slate Blue (#8686BB): A luminous, dusty violet — the color of twilight just after sunset.
• Cocoa (#553C3E): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Weathered 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

• Hushed Mallow Atelier color palette (#FFF0F8, #FED4FD, #F5A4B7, #6091C4, #51363E)
• Worn Periwinkle color palette (#F4F4FF, #EFD4E2, #F9D0A3, #919DDC, #493958)
• Honey Field color palette (#FFF2EF, #FFD4C0, #E7C672, #A06D99, #423A37)
• Weathered Ash color palette (#F6F3FF, #E4D6DE, #A7B6A8, #A58BC1, #3B2F4A)
• Muted Blush color palette (#F7F3FF, #FFC8E1, #E193A0, #7E5C83, #493E53)
• Patina Study color palette (#FFF2EE, #DBF4C1, #E0DBCE, #BC9395, #793E1B)
• Ancient Courtyard color palette (#FAE8EA, #FFA6BB, #F27A2F, #695BA6, #3B1427)
• Worn Lime Field color palette (#FFE7D7, #F3D493, #94CA70, #AF5862, #332E29)

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