The five best design links, every weekday

Category: Color Theory

All Categories

Okay, Color Spaces

First you take some colors. And then you arrange them, however you like, into some kind of space.

High Definition CSS Color Guide

CSS Color 4 brings wide gamut color tools and capabilities to the web: more colors, manipulation functions, and better gradients.

An updated theming experience with Material Theme Builder 2.0

Celebrating two years of MTB with a major update including Color Match.

Pantone Color of the Year 2024: Peach Fuzz

Peach Fuzz is a velvety gentle peach tone whose all-embracing spirit enriches mind, body, and soul.

Figma plugin magic tricks: mixing colors with SVG and Canvas API

We overcame a tough color blending roadblock by ditching the iterative method and shifting into a "declarative" approach with SVG and the Canvas API.

How to create a color palette for design systems

This article provides a helpful and huge guide on creating color palettes for design systems.

Figma plugin API: diving into advanced algorithms & data structures

Frontend isn’t just aesthetics — we can also use algorithms, data structures, & tree traversal techniques.

And the 2024 color of the year is…

From Pantone to Papanek. Speculating what will be the next Pantone Color of the Year

Link colors and the rule of tincture

When you think of heraldry what comes to mind is probably knights in shining armor, damsels in distress, jousting, that sort of thing.


Flexoki is an inky color scheme for prose and code.

Living Color: Designing through synesthesia

How a design director’s experience with synesthesia influenced her learning in design.

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.