Twilit Cocoa Lantern color palette — #FDDECB · #5D2C00 · #00364A · #141A39 · #030100

A conversation between Cocoa and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#FDDECB): A whisper-light, dusty gold — the color of honey in a jar.
• Cocoa (#5D2C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#00364A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#141A39): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Twilit 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 Garnet color palette (#FCE6E9, #72002D, #003A33, #00212C, #040001)
• Navy Veranda color palette (#FDEECD, #4C3800, #002B70, #19006C, #020100)
• Moonless Cabin color palette (#FBE0CC, #8C5200, #412400, #1A231E, #0E0500)
• Onyx Grove color palette (#FFE8DC, #682A00, #333700, #440033, #050100)
• Cellar Spruce Grove color palette (#C9E7E3, #00430E, #003039, #1C0032, #000200)
• Wandering Cabin color palette (#FAE3C9, #794D00, #00585F, #003882, #030100)
• Smoked Corridor color palette (#F6DBF3, #006691, #7D3F00, #0B0D06, #040002)
• Smoked Summit color palette (#EBF0D6, #474F00, #45009F, #4B005B, #010100)

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