Cocoa Lantern color palette — #F4ECF0 · #9BA99C · #758C82 · #6E3100 · #14030C

Rust takes the lead with Ink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#F4ECF0): a clean, paper-quiet neutral.
• Taupe (#9BA99C): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#758C82): A luminous, dusty teal — the color of shallow lagoons.
• Rust (#6E3100): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#14030C): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Patina Basalt color palette (#DAE7DF, #95AAA4, #668F8E, #514500, #000D05)
• Hushed Garnet color palette (#EDE7EF, #ADA0A9, #977E88, #7A193E, #0F0512)
• Hushed Cocoa Canyon color palette (#F6ECE6, #C4B9AA, #9D916C, #612900, #030100)
• Patina Chestnut Drift color palette (#F1E8EC, #B39B97, #81A285, #934F00, #12050A)
• Softworn Bronze Market color palette (#E9DFD6, #A49789, #906828, #442000, #120600)
• Weathered Bloom color palette (#DFE6E1, #B6C9C3, #89ADAA, #735F00, #0F2418)
• Antique Abyss color palette (#DEF7E8, #637F46, #00532F, #49172A, #030800)
• Fern Boulevard color palette (#FDECE6, #856E43, #385C28, #3D2651, #1D0130)

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