Cocoa Loft color palette — #FBD6C6 · #B97242 · #803100 · #420A00 · #030100

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

The five colors

• Shell Pink (#FBD6C6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Caramel (#B97242): A luminous, balanced gold — the color of old brass.
• Rust (#803100): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#420A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#030100): a grounded near-black with real depth.

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

• Patina Bronze color palette (#F6E7CC, #9F8328, #644800, #311D00, #020100)
• Wandering Chestnut color palette (#FDD9EF, #C78967, #91482A, #5A170C, #090200)
• Timeworn Chapel color palette (#F5DBEA, #B9824C, #B64500, #92002A, #110A00)
• Misty Atelier color palette (#FFF2EC, #FFA05E, #C15E29, #882708, #271200)
• Hushed Chestnut Loft color palette (#D3F0D7, #7C5800, #005C40, #002F2F, #020100)
• Hushed Bronze color palette (#E3FDEA, #BFB37B, #917200, #5D4000, #00180D)
• Patina Amber Garden color palette (#DFFFE1, #EECC7C, #BB8726, #865200, #312700)
• Washed Basin color palette (#E0FEEC, #A6D3BE, #968B49, #6B5513, #08281E)

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