Cocoa Lantern color palette — #E5DCD6 · #BCB1A7 · #9C8B6F · #712B00 · #150701

Built around Rust, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Bone (#E5DCD6): bright and airy, almost weightless.
• Ash (#BCB1A7): a calm mid-gray that lets other colors speak.
• Caramel (#9C8B6F): A luminous, dusty gold — the color of honey in a jar.
• Rust (#712B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#150701): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cocoa Lantern 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

• Tempered Garnet Summit color palette (#EBE0DF, #C4ADA6, #AE8173, #751A44, #160605)
• Muted Bronze color palette (#E8E0D8, #AA9E8A, #907A32, #4F2D00, #090300)
• Cocoa Drift color palette (#F1E8EE, #ADBFAC, #799689, #6F2D1C, #271B23)
• Muted Field color palette (#F7F1E8, #DCD3BF, #B4AC82, #795300, #221809)
• Ancient Bronze color palette (#F6F1EC, #DAD9CD, #BCC0AE, #966A4A, #332A23)
• Olive Coast color palette (#EDE5D3, #748117, #265000, #4A1613, #0A0700)
• Faded Bloom color palette (#ECDECE, #FF6349, #AE6F00, #676400, #070300)
• Wandering Chestnut Summit color palette (#EADFCF, #9C4A00, #493A00, #00232D, #0B0400)

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