The five best design links, every weekday

Category: Color Theory

All Categories

developer.mozilla.org

Creating color palettes with the CSS color-mix() function

In this article, we’ll explore how to use the CSS color-mix() function to create variations in color palettes.

ericportis.com

Okay, Color Spaces

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

developer.chrome.com

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.

material.io

An updated theming experience with Material Theme Builder 2.0

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

pantone.com

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.

evilmartians.com

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.

imperavi.com

How to create a color palette for design systems

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

evilmartians.com

Figma plugin API: diving into advanced algorithms & data structures

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

uxdesign.cc

And the 2024 color of the year is…

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

tess.oconnor.cx

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.

stephango.com

Flexoki

Flexoki is an inky color scheme for prose and code.

medium.com

Living Color: Designing through synesthesia

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

uxdesign.cc

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.

medium.com

Accessible but never boring

Rebranding the Wise design system for everyone.

uxdesign.cc

Color for brand designers working with product teams

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

smashingmagazine.com

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.

oddcontrast.com

OddContrast

A contrast checking tool by OddBird.

web.dev

New CSS color spaces and functions in all major engines

Start using HD color to bring vibrancy to your designs.

youtube.com

Thinking on ways to solve color palettes

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

contrast-triangle.com

The Contrast Triangle

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