Weathered Loft color palette — #FAF2FF · #F6D5C8 · #E59A87 · #AA7353 · #633E4B

Built around Melon, softened by Mocha — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FAF2FF): bright and airy, almost weightless.
• Shell Pink (#F6D5C8): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#E59A87): A luminous, balanced orange — the color of autumn markets.
• Mocha (#AA7353): A luminous, balanced gold — the color of afternoon light on wheat.
• Cocoa (#633E4B): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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 Stone Coast color palette (#FFEFFF, #E9DCD1, #E2A583, #977548, #344E3B)
• Ash Balcony color palette (#F4F4FF, #FED2E0, #D493B8, #A76E7D, #654963)
• Airy Rust color palette (#FDE3FC, #E09B92, #C0644D, #814631, #472E3C)
• Apricot Loft color palette (#FFE2DB, #FC8551, #AD6B00, #664A00, #262000)
• Dusty Amber Harbor color palette (#FFF0F9, #EFDABF, #86DAEF, #CB866C, #204C5F)
• Muted Taupe color palette (#FFF0F8, #C6E3E8, #AAB8D5, #C79BAD, #5A464E)
• Tempered Cream color palette (#FFE9DA, #D7D7E5, #B5A8A6, #4D3942, #271C21)
• Worn Amber Quarry color palette (#FFF1F2, #FFC2B5, #E97100, #845B00, #3A3000)

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