Cocoa Loft color palette — #FFF1F0 · #DFF6CB · #E1DBD0 · #AA95C6 · #74361E

Rust takes the lead with Mauve close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Honeydew (#DFF6CB): A whisper-light, dusty green — the color of a quiet forest floor.
• Bone (#E1DBD0): a clean, paper-quiet neutral.
• Mauve (#AA95C6): A luminous, dusty violet — the color of wild irises.
• Rust (#74361E): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. Tagged pastel, light, 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

• Periwinkle Terrace color palette (#FFF1F3, #E3D7D2, #9EB0AE, #97A3DD, #5E4443)
• Blush Parlor color palette (#FFF2EB, #DEE2CB, #B8BDCF, #DA8099, #543500)
• Oat Atelier color palette (#FAF1FF, #E9D7D9, #E1C490, #8E7195, #563F53)
• Muted Glacier Corridor color palette (#FFF3E6, #CDFFD0, #84EEF7, #BC7B77, #3D3933)
• Muted Garnet Garden color palette (#FFEDE8, #DFD5C7, #DFB89E, #9C6777, #561A01)
• Bronze Terrace color palette (#FFF3E7, #ECDDA9, #C49362, #975839, #33322B)
• Bronze Grove color palette (#FEF2ED, #E5ECAD, #A66053, #542B24, #190B05)
• Quiet Courtyard color palette (#FFF2EE, #E0DBCE, #C2F02F, #BA5BC2, #3E1809)

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