Dusty Loft color palette — #F7DDFA · #9C9FCB · #9970A3 · #7C5300 · #303000
A conversation between Coffee and Heather, giving this palette its sense of nature and growth.
The five colors
- Blush (#F7DDFA): A whisper-light, dusty pink — the color of peonies in June.
- Mauve (#9C9FCB): A luminous, dusty violet — the color of twilight just after sunset.
- Heather (#9970A3): A luminous, balanced pink — the color of peonies in June.
- Coffee (#7C5300): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#303000): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, 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
- Softworn Raspberry color palette (#EADCE6, #A288C1, #A65D94, #605000, #162500)
- Bronze Cabin color palette (#C5EADB, #BD99B6, #927ABA, #9E511D, #312500)
- Forest Lagoon color palette (#DDE9D2, #5AA3C2, #77699C, #1A5D32, #003620)
- Antique Terracotta color palette (#F3EAFF, #A4789B, #994D5B, #3B4E00, #00150C)
- Weathered Terracotta color palette (#C2F0F3, #80AC99, #6F7FC2, #A14446, #3B1E00)
- Tempered Balcony color palette (#EAEBFF, #D3AEDF, #D384A7, #7F7B00, #114B10)
- Tempered Cobalt color palette (#E2F0FF, #7177BD, #654273, #442A00, #151300)
- Weathered Pine Boulevard color palette (#FFDBDF, #D69FB3, #B8927C, #3D8354, #003D38)
Browse the whole catalog at Explore, or see today's palette.