Since DatoCMS doesn't actually download images during Gatsby builds, we need an additional way to grab image colors. Appending ?palette=json to DatoCMS image URLs returns the color palette, which we add to the GraphQL node.

This is a modified version of gatsby-plugin-extract-image-color

Installation

1. npm i @fourpost/gatsby-plugin-extract-image-color
2. Add config to gatsby-config.js

// gatsby-config.js
module.exports = {
  plugins: [
    //... Other plugins
    'gatsby-plugin-extract-image-color'
  ]
}