Cocoa Lantern color palette — #FFF0F5 · #D3989E · #A85E4D · #7B3A00 · #583600

A conversation between Bronze and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF0F5): bright and airy, almost weightless.
• Rosewood Mist (#D3989E): A luminous, dusty red — the color of a theater curtain.
• Ochre (#A85E4D): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#7B3A00): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#583600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

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 Chapel color palette (#FFE9E6, #DCA286, #A3672B, #634900, #284114)
• Misty Garnet Harbor color palette (#FDE3FF, #CF9DBC, #A65471, #8C1B30, #6F1800)
• Aged Ember Quarry color palette (#FFF1F4, #F0A8CA, #DA695C, #8B5400, #443900)
• Bronze Harbor color palette (#E6FCEA, #C2838E, #9B542C, #005B4E, #4C344A)
• Wandering Plum Pier color palette (#F7F3F9, #E1D7DA, #CEB9BB, #A45971, #4C454E)
• Lowlit Chestnut color palette (#F9E0D8, #924E00, #462D00, #110C00, #000200)
• Aged Station color palette (#FCEAEE, #B54447, #682100, #2D1500, #140B00)
• Hushed Cypress color palette (#FFEFFF, #C3A6B7, #728875, #277474, #375366)

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