Weathered Loft color palette — #FCF3F1 · #C1E2E5 · #A6D3B9 · #8CAC88 · #2E5349

A conversation between Sage and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3F1): bright and airy, almost weightless.
• Silver (#C1E2E5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Pistachio (#A6D3B9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8CAC88): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#2E5349): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. 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

• Teal Balcony color palette (#FBF3EF, #C2E1ED, #D9BBDD, #75B09F, #624A5A)
• Muted Cocoa color palette (#FDF3E9, #DBE4CB, #BAB9C4, #C6AB87, #604900)
• Patina Turquoise color palette (#F5F0F5, #CED4F0, #5EA8BD, #567551, #25384A)
• Timeworn Delta color palette (#FFEEE9, #FFCCB4, #E1AF80, #AA955A, #504F48)
• Tempered Alley color palette (#FAF4EE, #C4EADA, #8EB2F1, #17A194, #3A345B)
• Petrol Boulevard color palette (#F3E2DC, #52B1B8, #007FA8, #006133, #00081F)
• Aged Courtyard color palette (#FFF3E3, #E3C28A, #9FBEF6, #A499D4, #46423B)
• Iris Workshop color palette (#E9DDD0, #9CC5E6, #7089EF, #007D7D, #280D46)

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