The five best design links, every weekday

Category: Color Theory

All Categories

How to create a color ramp used in design systems

A color ramp, also known as a color scale, is a visual representation of how colors transition from light to dark in a smooth and continuous manner.

Accessible but never boring

Rebranding the Wise design system for everyone.

Color for brand designers working with product teams

Why your brand colors aren’t working in digital spaces.

Falling For Oklch: A Love Story Of Color Spaces, Gamuts, And CSS

The CSS Color Module Level 4 specification defined a slew of new color features when it became a candidate recommendation in 2022.


A contrast checking tool by OddBird.

New CSS color spaces and functions in all major engines

Start using HD color to bring vibrancy to your designs.

Thinking on ways to solve color palettes

In today’s GUI Challenge, Adam Argyle builds a wide gamut color palette with okLCH.

The Contrast Triangle

A three-way color contrast checker for when you remove underlines from links.

Perceptually uniform color models and their implications

This notebook was created as a learning exercise to teach myself about color theory.

CSS HD Gradients

Wide gamut Color 4 compliant CSS gradient builder.

Color Mechanics In UI Kits

In this article, Adel Khamatov shares a model of color mechanics that he came up with during research on developing UI kits.

Color Contrast Checker

Check the contrast between colors using WCAG or APCA, get suggestions for better colors and test with color blindness simulations.

OK, OKLCH: a color picker made to help think perceptively

Making a tool and speeding up familiarity and adoption of OKLCH and perceptual color spaces.

CSS color-mix()

Mix colors, in any of the supported color spaces, right from your CSS.

Poline: esoteric color palette generator

Poline draws lines between anchors over polar coordinates to generate pleasing color palettes.

OKLCH Color Picker & Converter

OKLCH is a new way to encode colors (like hex, RGBA, or HSL)

Color — My Journey Through the Spectrum

Thoughts and resources from years of work exploring color and building tools to work with color.

Color Formats in CSS

CSS gives us so many options when it comes to expressing color—we can use hex codes, rgb, hsl, and more. Which option should we choose?

OKLCH in CSS: why we moved from RGB and HSL

CSS Color Module 4 adds oklch() to define CSS colors human-readable, predictable contrast (better a11y), wide-gamut P3 colors.


Get random, accessible color combinations