Cocoa Lantern color palette — #FCEFE5 · #84B99D · #467FA2 · #77430F · #20311E

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

The five colors

• Cream (#FCEFE5): a clean, paper-quiet neutral.
• Mint Leaf (#84B99D): A luminous, dusty teal — the color of sea glass.
• Slate (#467FA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#77430F): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#20311E): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Tempered Garnet color palette (#FFEDE9, #A8B181, #368785, #7F3749, #2B2F14)
• Timeworn Lagoon color palette (#F4F2E5, #70BABD, #6B75A6, #4D5908, #1A3227)
• Cobalt Ridge color palette (#FEF4E4, #5BB9BB, #357FAA, #794A52, #394D40)
• Wandering Denim Grove color palette (#FFF0D7, #00A891, #1661B1, #4F3B00, #002125)
• Azure Harbor color palette (#FFF0F8, #85CFB9, #6797C6, #8F634E, #324C55)
• Weathered Ridge color palette (#F6F1EB, #CDC3A4, #6D8D68, #4E6952, #33312A)
• Dusty Bronze Canyon color palette (#F0F5E0, #C4CAB4, #87A193, #8B6222, #414900)
• Cerulean Lantern color palette (#E5F1E9, #2B91A7, #473445, #14221A, #0A0E08)

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