Structured Content 101: Find out how to make your content work harder (without your team working harder) →

Sanity Color Picker

By Edolyne Long

A color picker input using react-color and react-eyedrop

Color Picker

Color picker with eyedropper tool input for Sanity that stores a selected color.


In your Sanity studio folder, run:

sanity install color-picker 


Use it in your schema types:

// [...]
  fields: [
    // [...]
      name: 'color',
      title: 'Color',
      type: 'colorPicker'

Note that the above only works if you import and use the all:part:@sanity/base/schema-type part in your schema.


MIT-licensed. See LICENSE.

Install command

sanity install color-picker


Categorized in