Cocoa Lantern color palette — #D0EAFA · #005A73 · #6B2400 · #002531 · #100200

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

The five colors

• Frost (#D0EAFA): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#005A73): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#6B2400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Midnight (#002531): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#100200): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Shadow Garnet Pier color palette (#D3E8FF, #004C8F, #730024, #001E3F, #040000)
• Velvet Garnet color palette (#CDF0F4, #005F50, #740041, #002720, #120006)
• Patina Terracotta color palette (#CCE9D9, #007492, #903A00, #003F50, #0F0300)
• Obsidian Garnet Study color palette (#DAE6EF, #004560, #60003A, #252600, #000204)
• Smoked Nightshade Cabin color palette (#DEEAFF, #3740AC, #4C3C00, #130068, #090500)
• Nocturne Petrol color palette (#DCF1FF, #00689B, #002F44, #21171A, #000B17)
• Chestnut Studio color palette (#D8E6DA, #65591C, #3A2800, #1C0C00, #030400)
• Worn Cobalt color palette (#CAE1F7, #3184C7, #915E00, #004C7F, #3B2300)

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