Dusty Loft color palette — #FEF3E6 · #BEB681 · #6E8D36 · #586188 · #38352E

Olive Leaf and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEF3E6): A whisper-light, dusty gold — the color of old brass.
• Sage (#BEB681): A luminous, dusty green — the color of fresh herbs.
• Olive Leaf (#6E8D36): A luminous, balanced green — the color of new leaves after rain.
• Slate (#586188): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#38352E): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Ancient Lagoon color palette (#F9F5EA, #A3BF8E, #3E9367, #7F5564, #36362F)
• Softworn Pine Studio color palette (#EBE4D8, #A0AD62, #3D843C, #5C4B7A, #2F290A)
• Worn Moss color palette (#E8FBED, #D2D59B, #799553, #376A82, #023021)
• Weathered Drift color palette (#F7F6E6, #8DC39F, #009584, #306B83, #303B00)
• Fern Canyon color palette (#EAFAF1, #96A265, #546C31, #28525A, #203C33)
• Taupe Boulevard color palette (#FFF0F7, #ADD6B8, #95A970, #91799F, #223C2A)
• Feathered Wisteria color palette (#FFE8EB, #D586D8, #AB9500, #9A519D, #3E3500)
• Antique Iris Archive color palette (#FBF4ED, #B4DFD3, #7090EA, #007A89, #4E2F40)

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