Cocoa Loft color palette — #E0DEF2 · #996F94 · #773E39 · #003A33 · #00111B

Built around Coffee, softened by Heather — the whole palette hums with creativity and sophistication.

The five colors

• Frost (#E0DEF2): A whisper-light, dusty violet — the color of a velvet chair.
• Heather (#996F94): A full-bodied, dusty pink — the color of a candy shop window.
• Coffee (#773E39): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#003A33): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00111B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Mulberry Parlor color palette (#D6E9FA, #7773AF, #773863, #073E17, #001A19)
• Worn Veranda color palette (#F2DEEB, #A86F6B, #774C0E, #00334C, #001132)
• Muted Plum color palette (#F1DAF7, #A15069, #6B2E00, #00242B, #000D13)
• Blush Ridge color palette (#F8E4EE, #C96C86, #7C3E40, #4B3500, #2A2500)
• Antique Corridor color palette (#EBE7FB, #BB85A7, #A0564C, #385437, #002F2E)
• Worn Olive color palette (#FBE2FA, #B4929F, #777633, #414670, #232439)
• Patina Cypress color palette (#EEF1FF, #BDB1D5, #967A8F, #2F6571, #1F3647)
• Soft Ultramarine color palette (#EEE0E4, #75A1C7, #2342CE, #003840, #0C0129)

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