Cocoa Lantern color palette — #CAE3EB · #6387AE · #666799 · #74311F · #180D00

Rust and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#CAE3EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#6387AE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#666799): A full-bodied, dusty violet — the color of a velvet chair.
• Rust (#74311F): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#180D00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Creativity, 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

• Timeworn Garnet Study color palette (#CEE6DD, #478D90, #46718C, #6A3A4F, #250001)
• Patina Thicket color palette (#DEE8FF, #897EA6, #835D7D, #513E0E, #111800)
• Patina Petrol Courtyard color palette (#D6ECE6, #2B7F99, #544C72, #372D00, #161100)
• Wandering Coast color palette (#EAF0FF, #A89CC9, #9A7396, #745F33, #293000)
• Airy Quarry color palette (#F3DDEE, #5676DB, #8E6A00, #2841C0, #090500)
• Washed Petrol Quarry color palette (#F8EDDD, #6EACB3, #00819C, #005F51, #000B13)
• Softworn Lantern color palette (#C9EEEE, #418A71, #184E71, #231C00, #000200)
• Shadow Navy Hollow color palette (#C2E7F4, #255B88, #312963, #2A0700, #050200)

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