Hushed Loft color palette — #F3F5FD · #C4B8E3 · #A86D46 · #726298 · #362A30

Built around Mocha, softened by Slate — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#F3F5FD): a clean, paper-quiet neutral.
• Lavender (#C4B8E3): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#A86D46): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Slate (#726298): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#362A30): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Creativity, Sophistication. Tagged duotone, 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

• Petrol Ridge color palette (#F0F6FC, #A2C4EA, #A56979, #45709F, #322A35)
• Bronze Dune color palette (#F7F3FA, #E6ACCB, #8F7C34, #905877, #213228)
• Hushed Boulevard color palette (#F7EFF1, #DAB5DC, #AC6F77, #935799, #21110D)
• Lilac Field color palette (#F5F4FA, #D4CAF4, #CE838C, #AE74B0, #332A34)
• Wandering Ridge color palette (#E9FAF2, #C096C8, #A06465, #16656A, #4C4357)
• Muted Boulevard color palette (#F4F4FF, #D4A7C9, #A87181, #87483D, #6E3A08)
• Tempered Pier color palette (#F7F3FD, #A56895, #776E32, #405224, #293442)
• Shell Summit color palette (#FAF2FE, #E2D5E0, #FFB2D0, #C5916E, #554059)

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