Cocoa Lantern color palette — #DCE8DE · #5F4500 · #003325 · #00142C · #140010

A conversation between Bronze and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#DCE8DE): bright and airy, almost weightless.
• Bronze (#5F4500): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#003325): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00142C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#140010): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: 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

• Moonless Basalt Coast color palette (#D1EAE0, #394200, #002326, #0A0027, #070001)
• Midnight Garnet Balcony color palette (#F8DCEE, #842300, #1D3100, #00171F, #100018)
• Basalt Coast color palette (#EEEAD6, #545864, #433900, #181E26, #060A00)
• Antique Pier color palette (#F2F0DC, #6F7100, #304800, #042701, #00110E)
• Lagoon Coast color palette (#D7E3D9, #529E99, #00545B, #003121, #00171E)
• Hushed Harbor color palette (#D5F3E9, #487945, #00432A, #391700, #011501)
• Dusty Brick Lagoon color palette (#FFE2D7, #B8242D, #005426, #420047, #170001)
• Gentle Amber Meadow color palette (#F4EEDB, #CE6600, #7A6700, #1D5400, #100F00)

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