Product Thumbnail

Color Studio — OKLCH palette tool

A tool for creating balanced palettes for UI & visualization

Coloring
Data Visualization

Hunted byAlexAlex

This product was not featured by Product Hunt yet.
It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).

Product upvotes vs the next 3

Waiting for data. Loading

Product comments vs the next 3

Waiting for data. Loading

Product upvote speed vs the next 3

Waiting for data. Loading

Product upvotes and comments

Waiting for data. Loading

Product vs the next 3

Loading

Color Studio — OKLCH palette tool

A tool for creating balanced palettes for UI & visualization

Color Studio is a tool for choosing colors based on the OKLCH model. Its algorithm is built on the placement of colors on the color wheel and with color themes direction. It also allows you to create tonal color scales, such as those suitable for TailwindCSS and semantic color palettes in the style of Radix Colors.

Top comment

Creating a harmonious color palette for UI and especially for data visualizations and charts is a challenging task. Typically, such tools rely on random generating or predefined schemes with hard-coded colors. We wanted to create something new that offered complete control, especially over how colors are matched. That’s why we built our tool based on the OKLCH model and the color wheel. This significantly simplifies color selection based on chroma, lightness, and hue, unlike traditional HSL models. Moreover, we went a step further and introduced color directions: when you specify a color range, the algorithm selects balanced colors within that range. This is a versatile tool, suitable for both choosing colors for data visualization and creating palettes for UI design. It includes automatically generated tonal scales for the selected palette, for example, those suitable for TailwindCSS and semantic scales in the style of Radix Colors. And, of course, it creates utility grayscale colors that can be tinted to match the palette’s anchor color. The tool works in both light and dark themes, with the option to set a background color to see how the palette will look in your project. We’re considering adding advanced export features, the ability to save palettes, and links to palettes so they can be shared.

About Color Studio — OKLCH palette tool on Product Hunt

“A tool for creating balanced palettes for UI & visualization”

Color Studio — OKLCH palette tool was submitted on Product Hunt and earned 10 upvotes and 2 comments, placing #101 on the daily leaderboard. Color Studio is a tool for choosing colors based on the OKLCH model. Its algorithm is built on the placement of colors on the color wheel and with color themes direction. It also allows you to create tonal color scales, such as those suitable for TailwindCSS and semantic color palettes in the style of Radix Colors.

On the analytics side, Color Studio — OKLCH palette tool competes within Coloring and Data Visualization — topics that collectively have 4.2k followers on Product Hunt. The dashboard above tracks how Color Studio — OKLCH palette tool performed against the three products that launched closest to it on the same day.

Who hunted Color Studio — OKLCH palette tool?

Color Studio — OKLCH palette tool was hunted by Alex. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.

For a complete overview of Color Studio — OKLCH palette tool including community comment highlights and product details, visit the product overview.