Cocoa Lantern color palette — #DBEBCD · #A0C3A4 · #5694BA · #87566D · #682C0D

Rust and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#DBEBCD): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A0C3A4): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#5694BA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Graphite (#87566D): A full-bodied, dusty rose — the color of a warm blush.
• Rust (#682C0D): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. 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

• Ancient Chestnut color palette (#E7FDE2, #A8CEB9, #7B9DC7, #9A7066, #7E451C)
• Worn Pewter color palette (#F4F1D1, #B6BC9C, #7D9A79, #71648E, #5F3B3F)
• Washed Ash color palette (#CAECC7, #98CDD8, #7DAAC9, #98728A, #5E3D50)
• Cocoa Quarry color palette (#C4EDD2, #93BAE0, #A57E95, #91604E, #5E3C00)
• Pale Courtyard color palette (#D2EDF2, #66B8F1, #6E7AC2, #874D40, #5E3500)
• Wandering Pewter color palette (#E8F8FF, #AFD7EE, #85A1BA, #716189, #413B57)
• Petrol Thicket color palette (#D9F5ED, #5DA4B1, #3972A6, #693443, #40170A)
• Muted Lagoon Study color palette (#F6F7E4, #87C59E, #00967B, #536C47, #343630)

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