Weathered Loft color palette — #F7EAE7 · #BC6470 · #622709 · #281B17 · #100B0A

Mocha and Rust set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F7EAE7): bright and airy, almost weightless.
• Mocha (#BC6470): A luminous, balanced red — the color of embers at dusk.
• Rust (#622709): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#281B17): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#100B0A): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Raspberry Garden color palette (#F9EEFA, #C1536B, #4A3541, #2D252F, #181317)
• Hushed Blush Station color palette (#FBECFC, #E37486, #645161, #3D353E, #242026)
• Twilit Brick color palette (#FAE9E1, #C02A00, #471A00, #200800, #0A0100)
• Worn Moss Lagoon color palette (#FDEFE0, #C39158, #6E9D50, #9C6674, #302518)
• Dusty Bronze color palette (#E9E0D4, #9B6A00, #34312A, #1E1407, #0A0502)
• Blush Corridor color palette (#FFF2EF, #E593A2, #7C4419, #342825, #140E0E)
• Weathered Rust Archive color palette (#FFE7DE, #E59F94, #BD6449, #87513A, #39322E)
• Dusty Study color palette (#FDEFE4, #D8A786, #5FB176, #A15E2B, #30322B)

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