Dusty Loft color palette — #F3F3E8 · #C0C8A9 · #788969 · #4E6952 · #30322B

Eucalyptus and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3F3E8): bright and airy, almost weightless.
• Pistachio (#C0C8A9): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#788969): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#4E6952): A full-bodied, dusty green — the color of new leaves after rain.
• Espresso (#30322B): 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

• Patina Lagoon Summit color palette (#F3F3E6, #B0B890, #44836A, #684963, #262A14)
• Lagoon Ridge color palette (#EFF8F2, #9BCCC4, #45917C, #52697A, #3D524E)
• Worn Cypress Harbor color palette (#F5F1EB, #C7E3E0, #78A895, #047B7A, #1E3D36)
• Softworn Cabin color palette (#EEE7D8, #8B9454, #3A6213, #003E59, #111400)
• Dusty Corridor color palette (#F0F2DC, #3A7657, #004035, #180759, #000401)
• Olive Loft color palette (#F9F1E3, #B0AA6A, #5F7600, #00556B, #252100)
• Worn Aubergine color palette (#F5E2C6, #A39646, #566300, #42218B, #1A1600)
• Weathered Amber color palette (#FFECF5, #9B94CB, #C07A52, #328A70, #35202B)

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