Cocoa Lantern color palette — #E2FCEF · #A4CBBE · #B094AE · #916A71 · #6D4446
Coffee and Mocha set the tone — five colors that lean into sophistication.
The five colors
- Ivory (#E2FCEF): A whisper-light, dusty teal — the color of sea glass.
- Stone (#A4CBBE): A luminous, dusty teal — the color of shallow lagoons.
- Dusty Rose (#B094AE): A luminous, dusty pink — the color of a candy shop window.
- Mocha (#916A71): A full-bodied, dusty red — the color of a theater curtain.
- Coffee (#6D4446): A full-bodied, dusty red — the color of late-summer berries.
Feels like: Sophistication. Tagged vintage, retro, 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
- Tempered Cocoa color palette (#FFEEF9, #D2BAC5, #AE9098, #926D61, #7B411B)
- Worn Glacier color palette (#D9FEFC, #97E1EB, #9EB7D5, #9F8995, #634556)
- Aged Petrol color palette (#E6F7D7, #B6CBB3, #8BAA94, #65719A, #5F4754)
- Ancient Chestnut color palette (#FFE9EF, #CEA0A7, #A26D89, #88430D, #4C2D00)
- Wandering Chestnut color palette (#F4F8E0, #A9C2A4, #63887B, #8D522A, #694800)
- Mulberry Garden color palette (#D6E6F4, #8EADE8, #7F80C5, #8F376E, #692637)
- Dusty Cerulean Thicket color palette (#F5F6EF, #C1E5E3, #6BAED1, #008A9C, #295145)
- Sunlit Workshop color palette (#D2E3EF, #5C86B9, #525B93, #69205A, #36001A)
Browse the whole catalog at Explore, or see today's palette.