Cocoa Lantern color palette — #F2E6E0 · #D5C9BF · #B1A091 · #823F29 · #1F120B

Bronze takes the lead with Taupe close behind in a set that reads as sophistication at first glance.

The five colors

• Parchment (#F2E6E0): a clean, paper-quiet neutral.
• Oat (#D5C9BF): soft and architectural.
• Taupe (#B1A091): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#823F29): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#1F120B): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: 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

• Softworn Lantern color palette (#F5F1E9, #DBD3BE, #B3AC8A, #6D5900, #221803)
• Dusty Cocoa color palette (#EDE3DA, #BEB1A1, #978B7A, #653600, #140700)
• Patina Terracotta Pier color palette (#F4ECF2, #D5C8CD, #8DA895, #9C1B05, #392735)
• Rust Harbor color palette (#FBF3EF, #DFDCD0, #C3C6AB, #AC5C4E, #2B1A11)
• Washed Canyon color palette (#F9EEE1, #99895E, #6E6E32, #02483A, #002827)
• Wandering Bronze color palette (#EEDFCB, #B35F00, #644600, #003616, #190A00)
• Gentle Amber Grove color palette (#FFE7D1, #FF9467, #D57700, #8E6900, #150900)
• Washed Olive color palette (#F1EFE6, #908E7C, #6E7027, #282D00, #020100)

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