Cocoa Lantern color palette — #F7EFF9 · #D6A88B · #7A4050 · #401824 · #110913

Built around Coffee, softened by Camel — the whole palette hums with optimism and warmth.

The five colors

• Blush (#F7EFF9): bright and airy, almost weightless.
• Camel (#D6A88B): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#7A4050): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#401824): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#110913): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, 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

• Dusty Chestnut color palette (#F8EEF5, #DFB6C5, #80554A, #42263B, #1A1018)
• Patina Chestnut color palette (#FAEEF4, #9EBD9B, #764830, #411B06, #160710)
• Mulberry Ridge color palette (#FFF1F1, #ABB579, #7A355E, #461E35, #2B1E1D)
• Hushed Terrace color palette (#FFF2EF, #F3B48B, #AA5068, #61313D, #291F1D)
• Soft Brick Harbor color palette (#F6EFF6, #E59D9E, #A85F2F, #B4233B, #190711)
• Cocoa Boulevard color palette (#E1EDE0, #B79C6D, #613E00, #291800, #000801)
• Aged Forest color palette (#E8F6E9, #CA8C61, #87642A, #0F5523, #361724)
• Softworn Bronze color palette (#FFE5DB, #D29D7C, #A86917, #603E00, #2F2200)

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