Cocoa Loft color palette — #FBDDF0 · #936833 · #752600 · #47001A · #000703

Built around Rust, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FBDDF0): A whisper-light, dusty pink — the color of neon signs at night.
• Walnut (#936833): A full-bodied, balanced gold — the color of old brass.
• Rust (#752600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#47001A): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#000703): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Cocoa Parlor color palette (#F2DEEA, #A26534, #752A00, #520007, #211200)
• Hushed Bronze color palette (#DBE9DA, #7F7225, #5F3B00, #430D00, #030700)
• Quiet Archive color palette (#FFDEC9, #CD8850, #9A4014, #581918, #070300)
• Washed Parlor color palette (#F5D7E3, #A9966B, #8B562A, #5F2D2B, #001E15)
• Rust Bloom color palette (#EEDCE0, #BB4721, #5C4000, #232600, #000802)
• Twilit Olive Summit color palette (#EBDDF0, #5D872B, #520026, #170006, #030005)
• Faded Plum Pier color palette (#EAE2ED, #BC4C6D, #005224, #68002D, #000201)
• Muted Bloom color palette (#D0F3E1, #8BAB79, #746E00, #5E3B00, #002315)

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