Cocoa Lantern color palette — #D6E6D9 · #006871 · #7C2D00 · #003035 · #080100

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

The five colors

• Parchment (#D6E6D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#006871): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#7C2D00): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#003035): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#080100): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Cellar Denim Veranda color palette (#D6F2E8, #00527A, #523500, #002135, #020100)
• Feathered Mulberry color palette (#DBE4CC, #006D47, #850053, #00331F, #090003)
• Brick Loft color palette (#CCE8F6, #008DA4, #BB2500, #004450, #040000)
• Charred Chestnut Drift color palette (#FBEAD6, #6E621A, #4D2E00, #310700, #010200)
• Bronze Pier color palette (#E7EAD8, #8B6800, #006A93, #070B14, #000201)
• Frosted Byzantium color palette (#D5ECDA, #6B9CC7, #9752AF, #005038, #00050A)
• Feathered Brick color palette (#D5E5E0, #259EE7, #BB0318, #00517D, #320002)
• Tempered Aubergine color palette (#F2DCE3, #834EAC, #6B5500, #4F0076, #0B0700)

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