Open Color — 130 colors
Open Color, an open-source color palette by Heeyeun designed for UI work. 13 hues across 10 shades (0 to 9) tuned for screen legibility and accessibility.
Open Color is an open-source color palette by Heeyeun, designed specifically for UI work. It offers 130 colors across 13 hues and 10 shades (0 to 9), with values chosen for screen legibility and accessibility rather than print accuracy.
Compared with Tailwind's defaults, Open Color has a slightly softer feel and includes hues like "grape" and "lime" that aren't in Tailwind. Each color page on this site offers full conversions (HEX, RGB, OKLCH, Lab), the closest Pantone and RAL references, color harmonies, accessibility ratios, and copy-ready code snippets.
Sourced from Open Color (Yeun) under the MIT license. Use as a designer-friendly palette alternative to Tailwind. Values are intentionally chosen for UI legibility and accessibility.
Source: Open Color (Yeun) · License: MIT
Open Color by Heeyeun (yeun.github.io/open-color) — MIT License
Upstream: https://yeun.github.io/open-color/
blue (25)
cyan (20)
green (20)
neutral (5)
orange (11)
pink (10)
purple (20)
red (10)
yellow (9)
FAQ — Open Color
How many colors are in Open Color?
Open Color contains 130 distinct colors on PantoneTools, organized by hue family. Each color has its own page with HEX, RGB, OKLCH, accessibility, and cross-system matches.
Is Open Color free to use commercially?
Yes. Open Color is published under the MIT. Open Color by Heeyeun (yeun.github.io/open-color) — MIT License You can use these color values freely in commercial and personal work; refer to the upstream source for any attribution requirements.
What is the closest Pantone equivalent for colors in Open Color?
Every color page on this site computes the closest Pantone reference using the CIEDE2000 perceptual color-distance formula. Cross-system Pantone matching is approximate — verify color-critical print work with a physical Pantone guide.
Does Open Color include OKLCH values?
Every color page on PantoneTools shows both the original HEX value and its OKLCH equivalent. OKLCH is the perceptually-uniform color space that powers Tailwind v4 and CSS Color Module Level 4.
Where can I download Open Color as a file?
The upstream source (Open Color (Yeun)) is available at https://yeun.github.io/open-color/. PantoneTools provides per-color pages with copy-ready CSS, Tailwind, Sass, Swift, and Android XML snippets; downloadable bundle exports are on the roadmap.