Cocoa Loft color palette — #FCF5E3 · #FFCED3 · #B89F63 · #537C71 · #642E00

Rust and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FCF5E3): A whisper-light, dusty gold — the color of old brass.
• Shell Pink (#FFCED3): A whisper-light, dusty red — the color of a theater curtain.
• Camel (#B89F63): A luminous, balanced gold — the color of honey in a jar.
• Teal (#537C71): A full-bodied, dusty teal — the color of shallow lagoons.
• Rust (#642E00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged 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

• Ancient Petal Lantern color palette (#F9F6DF, #FFC8F7, #C9947A, #457B8F, #4F3936)
• Wandering Cocoa color palette (#FFF3E4, #FFD2BB, #98AA76, #89657F, #583800)
• Worn Sand Canyon color palette (#E9FBEA, #FCC29D, #C8A87C, #729775, #584049)
• Forest Bloom color palette (#F9F0E3, #CFA07E, #92723D, #285F38, #392817)
• Shell Field color palette (#FFF2EE, #FFB4BC, #5CAC93, #566B91, #472E46)
• Timeworn Bronze color palette (#EDF9EF, #CE9797, #947038, #3F5986, #54414D)
• Powder Cabin color palette (#FDF3EE, #BEE8F3, #B5C5F2, #6F9E87, #5A4657)
• Soft Apricot color palette (#FFF3E7, #F89F4E, #5F8D48, #4D497F, #2D1F02)

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