Cocoa Atelier color palette — #FEEEE9 · #E0D7C8 · #B0CC9B · #A37B7A · #5E2306

Espresso and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEEEE9): bright and airy, almost weightless.
• Bone (#E0D7C8): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#B0CC9B): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#A37B7A): A luminous, dusty orange — the color of toasted spice.
• Espresso (#5E2306): A deep, shadowed, balanced orange — the color of autumn markets.

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

Use it as a design system

One click turns Cocoa Atelier 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 Stone color palette (#FDF0DF, #D5DFBA, #ADCF94, #AB7851, #34312A)
• Weathered Lantern color palette (#FBF0E2, #CBB898, #9F7B4A, #7D4A15, #312C1C)
• Antique Loft color palette (#FAF1FF, #E9D7D9, #C1DFB9, #8684A4, #5B4E59)
• Garnet Ridge color palette (#F4DACF, #B87C58, #8F6500, #580027, #0A0100)
• Mustard Boulevard color palette (#FFEEE5, #E5D7B6, #E3B514, #AE415A, #3E2208)
• Weathered Pine Archive color palette (#EFE5D2, #9FA660, #2B8F3A, #502E00, #0A0900)
• Timeworn Alley color palette (#FDF0FF, #DBD8CD, #B3A1BF, #9BA08D, #594E58)
• Weathered Moss Basin color palette (#F6F1EC, #E2BB99, #768D3B, #9A632E, #17160D)

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