Cocoa Lantern color palette — #F5D9DB · #B06F5B · #6B4300 · #003A37 · #00151D

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F5D9DB): A whisper-light, dusty red — the color of embers at dusk.
• Mocha (#B06F5B): A luminous, balanced orange — the color of autumn markets.
• Bronze (#6B4300): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#003A37): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00151D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Bronze Drift color palette (#FAD4CB, #9A5F24, #564800, #002831, #000C1A)
• Aged Dune color palette (#F2E1F2, #96697C, #7C4240, #143C09, #00150F)
• Weathered Taupe Bloom color palette (#F4DDF6, #C88876, #856739, #005754, #002B37)
• Patina Atelier color palette (#FEE9CF, #B27300, #613E00, #241400, #030100)
• Faded Rust Canyon color palette (#FFE3DF, #BD3A13, #6E3200, #361B00, #120900)
• Muted Bronze Dune color palette (#FFE9D7, #9F5500, #006084, #542A00, #000911)
• Aged Bronze Hollow color palette (#FFECE6, #CEAC92, #9E7B38, #495F4B, #1B3C30)
• Hazy Quarry color palette (#E8E7FF, #A5708D, #7F482E, #1C367A, #2A2656)

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