Cocoa Lantern color palette — #F6EBF0 · #DCC5CC · #8FA895 · #824016 · #362930

Built around Bronze, softened by Taupe — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#F6EBF0): bright and airy, almost weightless.
• Oat (#DCC5CC): A whisper-light, dusty rose — the color of pressed rose petals.
• Taupe (#8FA895): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#824016): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#362930): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Wandering Drift color palette (#F2ECF4, #D5C7D4, #B098A7, #823851, #332A37)
• Dusty Chestnut Studio color palette (#FAF3F6, #D1DEDB, #A5B9AD, #895629, #44363C)
• Wandering Cocoa color palette (#F1E5EC, #BFD1C0, #8FABA0, #814029, #1E111A)
• Hushed Station color palette (#DBE4DA, #AEBEB2, #8F9266, #603B00, #1A2219)
• Ancient Fern Chapel color palette (#EEDBE1, #A39761, #586E3B, #194669, #39264A)
• Gentle Summit color palette (#DAE9E0, #83954F, #216600, #602C23, #003126)
• Aged Market color palette (#EBF9F6, #C7DEE8, #97C6CC, #497934, #324441)
• Tempered Archive color palette (#D8E2DF, #84A09D, #4B7C68, #223100, #000D09)

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