Cocoa Lantern color palette — #FFE4F2 · #823800 · #00416B · #381400 · #000610

Rust takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FFE4F2): A whisper-light, dusty rose — the color of strawberry cream.
• Rust (#823800): A full-bodied, balanced orange — the color of sun-warmed clay.
• Navy (#00416B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Espresso (#381400): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#000610): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Washed Garnet color palette (#FBE2F8, #9B0018, #004849, #440005, #000808)
• Eclipse Cocoa color palette (#F7E0CE, #763900, #004823, #331500, #000200)
• Twilit Market color palette (#FEE2EF, #652D00, #00394B, #001C5D, #040100)
• Softworn Chestnut Harbor color palette (#FCEDDF, #925300, #422600, #212B26, #120700)
• Shadow Nightshade color palette (#DAE7DB, #6B4A00, #3600AD, #2D1D00, #040021)
• Airy Grove color palette (#F7E4ED, #A14F00, #811AA5, #592900, #0D0015)
• Bronze Boulevard color palette (#F7DDC8, #BF6000, #007BA4, #823F00, #00070D)
• Sapphire Boulevard color palette (#F2EAFF, #006FE3, #875900, #0D120A, #000200)

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