Cocoa Lantern color palette — #FFF3E3 · #BDE6D3 · #B8B7C5 · #C09B8A · #624800

A conversation between Bronze and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Celadon Mist (#BDE6D3): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#B8B7C5): soft and architectural.
• Camel (#C09B8A): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#624800): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Washed Chestnut color palette (#FDF4E3, #D7E1C9, #D2B888, #9CC4B2, #664F00)
• Bronze Ridge color palette (#FFF3E5, #D0CDA0, #AF9778, #A0643C, #4D4B00)
• Muted Drift color palette (#F6F8DD, #C6F3FF, #A4D6F9, #AD9972, #445B19)
• Aqua Lagoon color palette (#FFF6D2, #AEF4D1, #70D3EF, #AB7F51, #3B3C35)
• Worn Lantern color palette (#F8F6E3, #9DB850, #B28BB9, #986D76, #463E00)
• Timeworn Sand Station color palette (#FFDADF, #C5D8FF, #FFB98C, #703D04, #39312B)
• Fern Veranda color palette (#F6F6E9, #F4C7A2, #6A875C, #515100, #2C2C22)
• Jade Terrace color palette (#F9E9CE, #8CB66F, #009593, #813B22, #0B0D00)

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