Weathered Loft color palette — #FFF2ED · #E0DBCE · #BDC3B0 · #978490 · #5D4956

Built around Charcoal Brown, softened by Heather — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0DBCE): bright and airy, almost weightless.
• Stone (#BDC3B0): A luminous, dusty green — the color of new leaves after rain.
• Heather (#978490): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#5D4956): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, 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

• Ash Delta color palette (#EAFAEE, #C2E1DF, #A5C5C9, #7CA0A8, #39555F)
• Aged Parlor color palette (#FFEFDE, #D3C4B0, #A0967D, #556D2E, #3E493B)
• Aged Workshop color palette (#FEF0FF, #D3BCC7, #6F9887, #626D80, #4F495A)
• Denim Meadow color palette (#FFF2EE, #CEB88D, #7F9668, #5B4B7F, #452140)
• Patina Veranda color palette (#FFF3E8, #E7D9B3, #939B7A, #7C6386, #4E2C30)
• Hushed Thicket color palette (#F5F6EA, #BAE2DF, #9BB79B, #9D7C7C, #35500E)
• Marigold Terrace color palette (#FFF2EB, #E9DEB3, #CAAA67, #85804B, #554900)
• Dusty Meadow color palette (#FDF4E4, #FAE4A9, #B5CBFF, #B19751, #583B53)

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