Cocoa Lantern color palette — #C9F5FC · #004851 · #572100 · #2C1B00 · #000203

Built around Espresso, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Frost (#C9F5FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#004851): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#572100): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2C1B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000203): quiet, heavy and certain.

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

• Garnet Canyon color palette (#D4E8D8, #004D22, #640026, #3C0E00, #000301)
• Navy Ridge color palette (#D8E0EC, #00378E, #403100, #1B2203, #000109)
• Petrol Station color palette (#CFEFFF, #006C8B, #003243, #1F171B, #000C11)
• Airy Mulberry color palette (#D6E5DB, #006376, #850070, #483D00, #000203)
• Shadow Chestnut Pier color palette (#FCE5CF, #6B5700, #412400, #280100, #030400)
• Aged Azure color palette (#D7F4F9, #519FDA, #855898, #00422C, #001016)
• Washed Villa color palette (#DDECFC, #005CA2, #5E4C00, #303D0C, #001227)
• Aged Chestnut Lantern color palette (#D9F0F7, #007F81, #975100, #614C00, #000202)

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