Hushed Loft color palette — #FCF2F8 · #D4DBCD · #A7796C · #573D4F · #21181E

Mocha and Cocoa set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Bone (#D4DBCD): A whisper-light, dusty green — the color of fresh herbs.
• Mocha (#A7796C): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#573D4F): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#21181E): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Hushed 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

• Washed Driftwood color palette (#EFF8F0, #CADBCA, #6F9071, #384C3A, #161E16)
• Taupe Grove color palette (#FAF2F9, #C4E8D5, #C88C88, #8E5E5B, #30282F)
• Ancient Workshop color palette (#ECF9F0, #FAE3AC, #877537, #43370B, #05130A)
• Timeworn Stone Drift color palette (#FFF0FC, #F4AFA8, #B1B27E, #8C77A3, #3A2D38)
• Garnet Harbor color palette (#F9EFEC, #CBC692, #86504F, #561B01, #19120F)
• Softworn Harbor color palette (#DCF6E1, #C69B36, #4E3800, #151C21, #0C0600)
• Timeworn Bronze color palette (#FFF1F7, #FFCF90, #A1530A, #4A2200, #15000A)
• Charred Bronze color palette (#F8D9EA, #A86B00, #10211B, #320F00, #030000)

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