The five best design links, every weekday

Category: Color Theory

All Categories

Huetone: Make colors accessible

Use LCH color space to come up with predictable and accessible color palettes.

Two new color spaces for color picking - Okhsv and Okhsl

Despite color picking playing a big role in a lot of applications, the design of color pickers isn’t a particularly well researched topic.


FettePalette generates color ramps based on a curve within the HSV color model.

Accessible Palette: stop using HSL for color systems

Accessible Palette is an app for building color systems with consistent lightness and predictable contrast ratios across color levels.

Perceived brightness: an essential concept for UI design

Look at the image above. Don’t you feel some colors are brighter than others?

Diagnosing common colour management issues

When working with colours, it can be common for their appearance to change unexpectedly when viewed in different design tools.

5 Lessons We Learned Adding Dark Mode to Our Platform

In this post, we will share some of the lessons we learned during the implementation of dark mode at WorkOS.

Color Trends: Top Popular Colors Used in Stock Photography

This trend report will help you better understand what colors are used the most in popular stock images.

Color Tools And Resources

Do you need a little inspiration boost? We’ve collected some useful color tools and resources that we’ve discovered lately.

This Colorblind Designer Says: Please Stop Using Red And Green Together

Colorblindness affects around 1 in 100 people. So why are so many interfaces still problematic for colorblind users, and how can designers help?

Towards richer colors on the Web

This article will talk about the ongoing efforts to specify richer colors on the Web platform.

Using HSL Colors In CSS

Ahmad Shadeed explains what HSL is and shares some of the useful use-cases and examples that you can use right away in your current projects.

A Beginner’s Guide to Applying Color in UI Design

Your virtual guide up the mountain of color.

How Pixar Uses Hyper-Colors to Hack Your Brain

The animation studio’s artists are masters at tweaking light and color to trigger deep emotional responses.

What is pass-through blending?

Figma, Photoshop, XD, and Affinity Designer all contain a blending mode called “pass-through”.

Case Study: The Evolution of Google Maps & Colour Picking Methodology

Since Google Maps launched 15 years ago, they have revolutionised the world of digital maps and now help over one billion users get from A to B

CSS Variables That Mimic Chameleons

Choosing CSS variable names that adapt to different contexts.

Which color scale to use when visualizing data

From hues to gradient types this four-part series goes deep on what color scales work with what data.

HSL: a color format for humans

Colors on the web are confusing — but they don’t have to be! The HSL format makes it easy for humans and computers to work with color.

Gradient Generator Tool

Create beautiful, smooth gradients across a wide range of hues.