Cocoa Lantern color palette — #F2F7EC · #4F997F · #585D97 · #7E2601 · #004429

Rust takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Fern (#4F997F): A luminous, balanced teal — the color of glacier melt.
• Slate (#585D97): A full-bodied, balanced violet — the color of wild irises.
• Rust (#7E2601): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#004429): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Tempered Chapel color palette (#EFF9EB, #1D9D8C, #7C4F85, #692A6B, #4C3200)
• Cerulean Corridor color palette (#EAFAF1, #2D96B4, #894C71, #4E4A00, #00423C)
• Chestnut Hollow color palette (#FBF2F9, #8498C0, #7B6497, #6B4E00, #10495C)
• Timeworn Basalt Basin color palette (#FAF5E9, #B3B28F, #508060, #206569, #494400)
• Lapis Dune color palette (#E9F3FC, #4296CB, #6853A8, #64274C, #002426)
• Mulberry Courtyard color palette (#FAEDF7, #6271B6, #82335C, #373F00, #002E4C)
• Linen Market color palette (#DAEEDD, #007D86, #6C00A0, #432F00, #002A2E)
• Dusty Violet color palette (#FBF1FD, #68A9ED, #8B6EBF, #8B3F68, #004144)

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