Dusty Loft color palette — #FAF4ED · #D7DCCC · #B3B69F · #815B33 · #553100

Espresso and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Bone (#D7DCCC): A whisper-light, dusty green — the color of a quiet forest floor.
• Stone (#B3B69F): A luminous, dusty green — the color of new leaves after rain.
• Coffee (#815B33): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#553100): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Bronze Quarry color palette (#F9F4ED, #D7E1D2, #B7C6BC, #916E2A, #4C473E)
• Patina Fern Alley color palette (#F9F5E9, #D0D7B5, #95B08E, #5E5F00, #35332C)
• Olive Lantern color palette (#FFE9DC, #B7A07A, #707F3A, #72484D, #672B0E)
• Weathered Cocoa Corridor color palette (#E9E2DA, #C0B99F, #8A9371, #5D3D00, #271D11)
• Spruce Archive color palette (#E4E5D6, #929F87, #607766, #1A3300, #0A0A00)
• Jade Meadow color palette (#FBF6E0, #6EAB7E, #00726A, #624142, #35362F)
• Dusty Amber Meadow color palette (#F2F7F1, #CFDDDC, #ADC7CB, #CA934C, #353D34)
• Antique Mustard color palette (#FFF4DB, #FFA589, #B4A400, #00856C, #34360D)

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