Move image colors into CSS, Tailwind, and JSON.

ColorQuarry packages one ranked palette as readable color values and deterministic files, so the handoff from visual reference to implementation stays coherent.

Open ColorQuarryDownloads come from the customer application.

One palette, several practical forms

HEX, RGB, and HSL values stay aligned with rank, role, percentage, and recommended text color. CSS and Tailwind-compatible exports preserve that order instead of generating a separate interpretation.

:root {
  --palette-dominant: #7DD3FC;
  --palette-supporting-1: #22C55E;
  --palette-accent-1: #475569;
  --palette-accent-2: #FDE047;
}

The downloadable artifact set

Use one file or download the complete set. Exact hashes make byte-level verification possible.

palette.cssCSS custom properties
Ranked role-based variables ready to inspect and adapt.
palette.tailwind.jsTailwind-compatible tokens
A JavaScript color-token fragment for a Tailwind workflow.
palette.jsonCanonical JSON
Palette values, roles, percentages, accessibility recommendations, and export metadata.
palette-preview.pngPNG preview
A deterministic visual swatch sheet for sharing or reference.
palette-manifest.jsonArtifact manifest
Payload filenames, media types, byte sizes, and SHA-256 hashes.
palette-bundle.zipZIP bundle
The five standalone palette artifacts in a deterministic archive.

A file workflow, not a public developer API

The production Product API serves the ColorQuarry application and is not offered as a public integration product. This page documents the files users can download; it does not promise API keys, SDKs, service-level agreements, or programmatic access.

Generate files from your next image.

Open ColorQuarry