Image ColorsFor Craft CMS

Extract beautiful color palettes from your images. Know exactly how dominant each color is. Build dynamic, image-aware designs.

Get Started

View on Plugin Store

🎨

Weighted Color Palettes

Every color includes its pixel proportion, so you know exactly how dominant it is. Up to 4 colors per region, sorted by weight — no guessing.

🔲

6 Extraction Regions

Overall, focal point, top, right, bottom, and left. Each region gets its own palette, giving you precise control over which part of the image drives your design.

🎯

Focal Point Aware

The focal region follows the asset's user-defined focal point. Move the focal point, and the palette updates automatically.

✨

Drop-in Field Type

The Image Colors field renders proportional color bars with click-to-copy hex values. Add it to any asset field layout — no configuration required.

⚡

Automatic Extraction

Colors are extracted automatically on upload, file replace, and focal point change. No manual steps needed — your palettes are always fresh.

🛠️

Full Twig API

Access palettes, regions, hex values, RGB arrays, weights, and Craft's ColorData utilities directly in your templates. Build image-aware designs with ease.

📡

GraphQL Support

Query color palettes, individual colors, weights, and focal points through Craft's native GraphQL API.

👁️

Asset Index Swatches

Color palettes appear in asset index table and card views. See your image colors at a glance without opening individual assets.

🚀

Bulk Extraction

Extract colors for your entire library via console command with optional volume filtering. Queue-based for reliable processing at scale.