Dusty Loft color palette — #FFF2EE · #FC3F61 · #5A2D26 · #270C05 · #060000

Scarlet and Cocoa set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Scarlet (#FC3F61): A luminous, vivid red — the color of embers at dusk.
• Cocoa (#5A2D26): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#270C05): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#060000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Energy, Balance. Tagged noir, dark, luxury, vibrant.

Use it as a design system

One click turns Dusty 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

• Ember Dune color palette (#FFF2EA, #E56800, #543313, #221003, #040100)
• Dusty Grove color palette (#FFF1F1, #EC3EB4, #552E3C, #260B0D, #050001)
• Tempered Blush Alley color palette (#F9DED7, #FF657D, #895A40, #633036, #1D0C0C)
• Shadow Scarlet Veranda color palette (#FFDDCF, #D22E2B, #3E1707, #1E1C0F, #0B0200)
• Wandering Delta color palette (#FFF3E9, #FF8B2A, #90AC00, #D34998, #371800)
• Deep Terracotta color palette (#FAE2D0, #984300, #23302C, #1F0D00, #030100)
• Weathered Bronze Quarry color palette (#FFEBCE, #A27500, #342A00, #0D1717, #0C0600)
• Muted Mustard color palette (#FDF4E4, #C6AD58, #675200, #312A1D, #120F0A)

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