Cocoa Lantern color palette — #F7E2D4 · #986539 · #652500 · #2B0001 · #020100

Rust and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#F7E2D4): A whisper-light, dusty gold — the color of old brass.
• Walnut (#986539): A full-bodied, balanced gold — the color of old brass.
• Rust (#652500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#2B0001): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, 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

• Midnight Olive color palette (#F6E8CC, #777635, #493A00, #1C0F00, #010100)
• Chestnut Orchard color palette (#EADCD5, #844800, #4B1A00, #290001, #000500)
• Aged Cocoa color palette (#FDE8DB, #B37649, #842C00, #460007, #020100)
• Softworn Cocoa Archive color palette (#FFF3E6, #CAAE7D, #9E692B, #713000, #1A1100)
• Softworn Chestnut color palette (#F1E4CC, #A49D51, #765C00, #472B00, #030400)
• Garnet Courtyard color palette (#CFEBE0, #005478, #750402, #201700, #000103)
• Terracotta Alley color palette (#FFF3E8, #F8C689, #CF7933, #A3350B, #342500)
• Magenta Canyon color palette (#F6E2CC, #CD00DC, #007F9D, #060A0E, #000201)

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