Cocoa Study color palette — #FFF2ED · #DFDCCD · #ADDBBD · #A47AA1 · #783E18

Built around Bronze, softened by Dusty Rose — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#DFDCCD): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#ADDBBD): A whisper-light, dusty teal — the color of glacier melt.
• Dusty Rose (#A47AA1): A luminous, dusty pink — the color of a candy shop window.
• Bronze (#783E18): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. Tagged pastel, light, muted.

Use it as a design system

One click turns Cocoa Study 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 Study color palette (#FFF1F3, #E3DAD1, #A9AEB9, #8B87B4, #5E4A47)
• Washed Cocoa Corridor color palette (#FFF2ED, #C9FCCE, #DFDBCD, #BD9087, #7A4315)
• Plum Harbor color palette (#FFF2EA, #FFE0AB, #89CF9E, #AE4C7B, #5F4018)
• Ancient Bronze Courtyard color palette (#FFF3E2, #BDE6D1, #7FD4D0, #A46851, #514F48)
• Hushed Chestnut Study color palette (#FAF4EB, #BDB99F, #907E53, #844F1D, #464D00)
• Mint Meadow color palette (#E8E1D4, #86BF80, #009199, #6A2C00, #162000)
• Turquoise Veranda color palette (#FFF6CE, #9CE9B8, #00ACD1, #864D00, #2B3F00)
• Terracotta Balcony color palette (#F6E2C4, #AEBC8F, #03A08F, #9B0A0F, #2F2800)

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