Dusty Cocoa Loft color palette — #D9EABF · #A4DAC0 · #7BBDCA · #B97579 · #6B3F00

Bronze takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#D9EABF): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#A4DAC0): A whisper-light, dusty teal — the color of sea glass.
• Ash (#7BBDCA): A luminous, dusty blue — the color of open sky before noon.
• Dusty Rose (#B97579): A luminous, balanced red — the color of embers at dusk.
• Bronze (#6B3F00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Dusty Cocoa 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

• Peony Workshop color palette (#E6ECBD, #D1CDA0, #77C2B0, #C16793, #773923)
• Hushed Archive color palette (#F0F9E1, #C5DCCA, #C0ABC0, #A3866B, #5D4F00)
• Ancient Parlor color palette (#D9EDD0, #8DBDA8, #619FBF, #A1614E, #493400)
• Tempered Teal Courtyard color palette (#C0F4C8, #44C2BC, #5B829F, #6C4B64, #511F15)
• Iris Studio color palette (#D3F8F2, #88C6E4, #9295E8, #947300, #2D4C0F)
• Antique Pewter color palette (#AEF0F8, #9FC4D9, #699DC5, #7C6397, #5E3B61)
• Frosted Bloom color palette (#F9F7DE, #9CE1B2, #13BEA8, #7A934C, #104628)
• Feathered Cobalt color palette (#E3EDDD, #45A3B9, #4F73BC, #754900, #142200)

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