Skip to main content
Community Plugin
View plugin on GitHub
See starters using this


Extracts colors from image adds them to the image data

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


  1. npm i @fourpost/gatsby-plugin-extract-image-color
  2. Add config to gatsby-config.js
// gatsby-config.js
module.exports = {
  plugins: [
    //... Other plugins