Dusty Loft color palette — #F9F1E3 · #A9B180 · #558567 · #68465A · #2E2D16

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

The five colors

• Cream (#F9F1E3): A whisper-light, dusty gold — the color of old brass.
• Sage (#A9B180): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#558567): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#68465A): A full-bodied, dusty pink — the color of peonies in June.
• Espresso (#2E2D16): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged retro, 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

• Aged Villa color palette (#F4F2E7, #93A46F, #3C7C89, #53426F, #3E1D0D)
• Taupe Lagoon color palette (#FBF0E0, #CEA273, #7C7C46, #265775, #352A18)
• Patina Mulberry color palette (#FCF1FB, #BBA47C, #568367, #7A436E, #304F42)
• Weathered Teal color palette (#FDF0DB, #4AB0A1, #027793, #6C2E4C, #152817)
• Tempered Delta color palette (#F4F3E0, #C3CAB2, #8CA088, #7C5F6B, #4E3C3D)
• Muted Bloom color palette (#F5F1EA, #C4E6E6, #79A1C2, #2B777E, #403040)
• Softworn Bloom color palette (#EEEFE2, #6A8F5B, #314300, #1F1F14, #0E0D06)
• Misty Moss Orchard color palette (#FFF0D2, #56A833, #007261, #56177D, #00240E)

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