Hushed Loft color palette — #FFF3E8 · #CF94A8 · #996868 · #695823 · #58413D

Built around Mauve, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Mauve (#CF94A8): A luminous, dusty rose — the color of a warm blush.
• Mocha (#996868): A full-bodied, dusty red — the color of a theater curtain.
• Coffee (#695823): A full-bodied, dusty green — the color of new leaves after rain.
• Cocoa (#58413D): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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 Bronze color palette (#FFF3E2, #BF8B62, #856422, #205B36, #413C36)
• Ancient Bronze color palette (#FFF2EF, #E4C5B9, #A69488, #846F25, #485640)
• Hushed Pier color palette (#F9F5EC, #C8C1A7, #7B875D, #935238, #5C4C00)
• Blush Canyon color palette (#FFF1F7, #FCBBD2, #E69496, #9E8A53, #4F4352)
• Weathered Cabin color palette (#F6F2E2, #BC9ECC, #A4636B, #005E62, #3C2527)
• Patina Lantern color palette (#EAF9F2, #CCB2DF, #BE7D88, #007F81, #4B435A)
• Tempered Rose Boulevard color palette (#FFF3E7, #DE5869, #A4360E, #494800, #5A1F1F)
• Aged Cypress Thicket color palette (#F5F6EE, #C9E3DF, #6BA3B2, #357B7A, #375144)

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