Skip to content
The lab

PFx Colors

Color workspace

An artist-focused color workspace for picking, palettes, harmonies, gradients, and practical color exploration.

Current release

Alpha 0.2

What it can do

  • Colour picking, tonal palettes and harmonies
  • Editable gradients and image palette extraction
  • Text contrast checks and saved collections

Current limits

Contrast checks compare two opaque HEX colours; they do not audit a complete page.

A translucent color wheel, harmonious palette chips, and a gradient ribbon.
Project
Independent work
My role
Product design, Interaction, Front-end, Color tooling

Overview

PFx Colors is a browser-based workspace built for people who work with color directly rather than through disconnected utility pages.

Picker, palette, harmony, and gradient tools live in one system with a shared color engine and interaction model.

Color tools are useful, but often feel fragmented.

The project needed to keep technical color control available without turning everyday exploration into a form-heavy workflow.

Treat color work as one continuous workspace.

The interface keeps the tools close together and uses direct manipulation for the controls that benefit from visual feedback.

A focused browser workspace for picking, building, and testing color.

The current tool combines color picking, tonal palettes, harmony generation, gradients, OKLCH-aware processing, and reusable interaction primitives.

A public tool that can keep expanding without becoming a collection of unrelated pages.

The shared engine and workspace model give future color tools a stable place to live while keeping the interface coherent.

Behind the tool

Reusable foundations.

Concept, design and development — pfxamd