Cocoa Lantern color palette — #FBF2FA · #A7B680 · #7E383D · #3D233D · #26171C

Built around Rust, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Sage (#A7B680): A luminous, dusty green — the color of new leaves after rain.
• Rust (#7E383D): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#3D233D): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#26171C): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Sophistication. Tagged luxury, 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

• Aubergine Station color palette (#F5F3FF, #85BE99, #6C3B74, #2F2945, #201821)
• Wandering Mustard color palette (#FDEEE7, #D3AE5C, #7A443A, #3B1F12, #150904)
• Tempered Chestnut color palette (#FAF3F6, #A2CCB3, #7B5435, #49303B, #2B2222)
• Aged Chapel color palette (#FEF0FB, #E3BF72, #A25B4E, #513A4C, #291D26)
• Sand Quarry color palette (#FFF2ED, #DED8A0, #BD847F, #845451, #2E1D17)
• Marigold Orchard color palette (#ECF9EF, #C69A37, #5B4400, #322400, #0B2011)
• Weathered Basin color palette (#FAF2F9, #ED9289, #4E7E2A, #9A3D38, #172824)
• Softworn Pier color palette (#F7DBEB, #9F9600, #632500, #310E00, #1C0714)

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