Cocoa Lantern color palette — #FFF2EC · #E6D9C2 · #CBD28F · #D1909B · #693302

A conversation between Bronze and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#E6D9C2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#CBD28F): A whisper-light, balanced green — the color of new leaves after rain.
• Dusty Rose (#D1909B): A luminous, dusty red — the color of late-summer berries.
• Bronze (#693302): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, 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

• Oat Archive color palette (#FFF1F1, #F2D3CA, #E8BE8E, #B493BE, #51332F)
• Dusty Straw Villa color palette (#FFF3E5, #FCF19E, #C1E1A7, #D29E7C, #47443D)
• Aged Chestnut Quarry color palette (#FFF4E1, #D3F3C7, #9ACFC0, #D5BCA6, #694E00)
• Soft Veranda color palette (#FFF2E2, #FFE070, #B1E448, #E3874E, #463200)
• Honey Loft color palette (#FBEBDC, #EDC261, #B67838, #6F4E2F, #1E140A)
• Patina Orchard color palette (#F6E6C9, #C8C589, #B59B52, #93734B, #32312A)
• Hazy Quarry color palette (#F8FAC3, #A1FFD1, #5CE5E1, #CAA362, #47463F)
• Pale Delta color palette (#F9EBE2, #FFBC82, #C4B34F, #B7646C, #381A00)

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