Weathered Loft color palette — #F9F4EE · #CCE6EA · #C6A5C2 · #588FA4 · #634A5A

Storm Blue takes the lead with Mauve close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Frost (#CCE6EA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mauve (#C6A5C2): A luminous, dusty pink — the color of peonies in June.
• Storm Blue (#588FA4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#634A5A): A full-bodied, dusty pink — the color of neon signs at night.

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

• Patina Villa color palette (#F1F7F2, #DDDEE9, #B5CCFA, #659BAF, #434D64)
• Aged Studio color palette (#F9F4EF, #CCE4E8, #8E95C6, #007E85, #684853)
• Ancient Ash Studio color palette (#FFF0FE, #E8D7D8, #CCB5A1, #78A998, #5F4E59)
• Timeworn Driftwood Hollow color palette (#F9F4EE, #CAE8E1, #97BBA5, #788E69, #385146)
• Worn Powder color palette (#FFF0FE, #8EB2ED, #D3908F, #7A9E72, #4E3B4D)
• Cocoa Market color palette (#FAF2FB, #A3C8F3, #D0A981, #668FBF, #6D4200)
• Petrol Boulevard color palette (#FFF0FD, #C7D8FF, #899ED1, #556697, #4C3049)
• Tempered Cobalt color palette (#F2E9DB, #83B7E3, #4774BA, #005669, #14174A)

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