Weathered Loft color palette — #F2F7F0 · #D3DDDC · #B9B5AA · #8DA383 · #4E554B

Taupe and Charcoal Brown set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F7F0): bright and airy, almost weightless.
• Silver (#D3DDDC): a clean, paper-quiet neutral.
• Stone (#B9B5AA): a calm mid-gray that lets other colors speak.
• Taupe (#8DA383): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#4E554B): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Timeworn Powder Drift color palette (#F2F7F1, #D2DDDB, #AACBEE, #B3B2BF, #4F544E)
• Dusty Abyss color palette (#DBE3DB, #9AA9A2, #957E90, #00504E, #010D01)
• Chestnut Courtyard color palette (#FBF4ED, #DBD1B1, #87A583, #708373, #5E4B00)
• Timeworn Bronze Workshop color palette (#F2F9DC, #C5D7C8, #B4A3B1, #9E7737, #674600)
• Timeworn Basalt color palette (#F6F6EA, #A2BB8A, #8886B8, #7E6536, #534000)
• Washed Lagoon Ridge color palette (#EEF8EF, #CDDDDF, #E3BDC2, #0099A1, #374439)
• Washed Petrol color palette (#E5EFEB, #CEBFC9, #B69DA4, #006895, #07251C)
• Muted Turquoise Bloom color palette (#E8F6ED, #32ACC4, #615260, #2E3C33, #1F231D)

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