Great design lives in the details

Date

Aug 11, 2025

Link

TwinTints

TwinTints is a palette management tool that lets you shift the Hue across two coordinated color sets — accent and neutral — while keeping them visually harmonious. The palettes stay linked through a fixed hue offset, so their relationship remains consistent no matter how far you shift the base color.

Built on the OKLCH color model, it ensures predictable lightness, contrast, and overall appearance — even with significant hue changes. Your light-to-dark progression stays intact, and colors remain in gamut.

How it works:

  1. Prepare two palettes (neutral and accent) in HEX format — or load them directly from selected objects in Figma.

  2. The plugin checks that each palette has a consistent Hue, offers to fix outliers, and measures the hue offset between accent and neutral.

  3. Change the accent hue, and both palettes instantly recalculate:

    • Accent updates to the new hue.

    • Neutral adjusts automatically, keeping its original offset.

  4. Optionally, toggle palettes into a dark theme with preserved contrast and harmonious balance.

This isn’t just a tool — it’s a small but powerful helper for anyone who values clean, controlled, and predictable color in interface design.

Figma Plugin TwinTints