Cocoa Lantern color palette — #FFF1F5 · #C8A979 · #754400 · #42232F · #261614

Built around Bronze, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Camel (#C8A979): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#754400): A full-bodied, balanced gold — the color of old brass.
• Espresso (#42232F): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#261614): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Aged Alley color palette (#EFF8F2, #C1AC7A, #625000, #382D00, #17261C)
• Mustard Cabin color palette (#FDF3EB, #D9C37F, #936642, #613600, #2A1F15)
• Dusty Garden color palette (#EFF8F1, #CAAB53, #557D00, #755C00, #112924)
• Hushed Amber Thicket color palette (#FFF1F7, #E1D79C, #BF875D, #7D5567, #2D1B24)
• Aged Amber color palette (#D8EADB, #B88A00, #4C3700, #241800, #00100D)
• Chestnut Bloom color palette (#D3E7DC, #725C00, #292832, #171500, #030200)
• Airy Loft color palette (#E4FCF0, #92A143, #397C24, #005864, #23453C)
• Dusty Pewter color palette (#F0F7F3, #D1DEDE, #AFC5C8, #7D7641, #404A45)

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