Tempered Cocoa Loft color palette — #F3F4FF · #E0C9E2 · #C0B2D3 · #9D8693 · #694854

Charcoal Brown and Mauve set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Thistle (#E0C9E2): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#C0B2D3): A luminous, dusty violet — the color of wild irises.
• Heather (#9D8693): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#694854): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Softworn Delta color palette (#F7F3FF, #DCCAE7, #C5AAC7, #879C86, #3A5445)
• Wandering Powder Villa color palette (#EFF6FF, #C4CAF0, #A391B1, #527F7E, #385658)
• Patina Wisteria Study color palette (#F1DCFF, #E9B5F3, #D48FCF, #AE6DA0, #613852)
• Aged Chestnut Archive color palette (#FFEAEF, #C7A7AA, #A57486, #7A4910, #35312B)
• Soft Blush color palette (#F7F2FF, #F8B3E0, #E0B676, #CB83B4, #573D11)
• Chalky Quarry color palette (#EEDDEB, #EBA3C3, #D1828E, #A2712D, #463700)
• Linen Apricot Parlor color palette (#F9F2FF, #F4A0C9, #EF9F66, #9D9EDA, #40314C)
• Aged Teal Summit color palette (#EEF7F6, #CEDFF8, #78CBE5, #3EAAAD, #1F4E61)

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