Cocoa Study color palette — #DDF2FF · #FFD1BF · #BEB4AB · #5B2A00 · #1E140E

Espresso and Peach Cream set the tone — five colors that lean into optimism and sophistication.

The five colors

• Frost (#DDF2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Peach Cream (#FFD1BF): A whisper-light, dusty orange — the color of toasted spice.
• Stone (#BEB4AB): a calm mid-gray that lets other colors speak.
• Espresso (#5B2A00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#1E140E): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Weathered Sunflower Parlor color palette (#EBECFF, #FCDD29, #D7C7CA, #393630, #19150B)
• Bronze Boulevard color palette (#FAF4EB, #DEE6B6, #8E7231, #483500, #160E02)
• Patina Marigold color palette (#E3DAE9, #00D7CB, #DF9E00, #2F2414, #19150E)
• Softworn Violet Hollow color palette (#F8F5E8, #AFBB6E, #4FAFB1, #835DAE, #29250E)
• Timeworn Chartreuse color palette (#FFE2E0, #FAC2FF, #C4D400, #322A00, #110F06)
• Ancient Blush color palette (#EDDCEA, #83CDFF, #FF8797, #513A42, #312B31)
• Weathered Taupe Workshop color palette (#F7F5EF, #D5DDD7, #A8B0BF, #9DA465, #4B3F00)
• Aged Aubergine color palette (#F4F7EA, #7EC08A, #009C85, #783B86, #1C1700)

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