Cocoa Lantern color palette — #D3E7D7 · #00575F · #5D2C00 · #002328 · #030100
A conversation between Cocoa and Peacock, giving this palette its sense of trust and stability.
The five colors
- Celadon Mist (#D3E7D7): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#00575F): A full-bodied, dusty blue — the color of deep harbor water.
- Cocoa (#5D2C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Midnight (#002328): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- 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 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 Garnet color palette (#D6ECD1, #005953, #6E0042, #002422, #040001)
- Garnet Hollow color palette (#C6E8F8, #004258, #620106, #391900, #000102)
- Cellar Navy Quarry color palette (#F2DCF2, #00489A, #463B00, #001C44, #020100)
- Deep Chestnut color palette (#ECEADD, #8A4D00, #005980, #07090F, #000201)
- Wandering Fern Summit color palette (#D0ECF8, #007986, #565900, #003238, #010100)
- Dusty Indigo Lantern color palette (#D0F1DF, #6F8EB2, #7E59AA, #003B33, #000307)
- Twilit Chestnut Quarry color palette (#FDEAD3, #625000, #3C2400, #1D0700, #010100)
- Airy Azure Delta color palette (#D9E9E3, #2498D6, #8F4500, #004C70, #210B00)
Browse the whole catalog at Explore, or see today's palette.