Cocoa Loft color palette — #FFF2EE · #E4D8C8 · #E7B69D · #A3717C · #713419

Rust and Sand set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E4D8C8): A whisper-light, dusty gold — the color of old brass.
• Sand (#E7B69D): A luminous, dusty orange — the color of toasted spice.
• Mocha (#A3717C): A luminous, dusty red — the color of embers at dusk.
• Rust (#713419): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

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

• Weathered Bloom color palette (#FFF1F3, #EBD5CA, #E8ACBF, #8F709E, #63484B)
• Antique Cabin color palette (#FFF2EA, #DEDBCC, #99B9AB, #A4806F, #77440C)
• Aged Driftwood color palette (#FFEDE9, #E3D7BF, #E2C18A, #A36CA5, #3A322F)
• Chestnut Cabin color palette (#FFF3E5, #BAA383, #8D6B41, #754506, #403D36)
• Hushed Station color palette (#F7D6CA, #CF8871, #AD6B39, #6F132A, #360C04)
• Frosted Mustard Hollow color palette (#FFF3E5, #FBDB9C, #CEC45E, #A66229, #523C0D)
• Terracotta Pier color palette (#FFF2EB, #FFC2A1, #D48E35, #A43439, #562100)
• Chestnut Delta color palette (#FFEACF, #DCC788, #9BA161, #824D00, #443503)

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