Weathered Loft color palette — #EEF8F5 · #D1DDE0 · #ABB0BA · #988F88 · #4D5452

Gray and Ash set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#EEF8F5): bright and airy, almost weightless.
• Silver (#D1DDE0): a clean, paper-quiet neutral.
• Ash (#ABB0BA): a calm mid-gray that lets other colors speak.
• Gray (#988F88): soft and architectural.
• Charcoal Brown (#4D5452): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Worn Pier color palette (#EEF8F3, #D1E7BA, #99C29C, #8BA096, #3F524D)
• Driftwood Alley color palette (#F2F2EC, #D3D8D2, #A3B3B0, #768B63, #373730)
• Antique Mint Coast color palette (#E9F9F6, #99DB8E, #75B1DA, #A37697, #334933)
• Washed Pine color palette (#DCE6E4, #8DA6B1, #748C9D, #41722F, #000C0A)
• Mint Terrace color palette (#E0F7F6, #6BCF92, #648186, #485858, #1D2322)
• Softworn Turquoise color palette (#E9F8FF, #D2D9F2, #BCBDDA, #00AAC6, #213640)
• Patina Lagoon color palette (#D9E3E5, #B1C4DA, #9EA8BC, #009485, #0E2326)
• Taupe Corridor color palette (#EDF8F6, #D2DCE2, #ADB0BA, #989188, #4A5554)

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