Color Reference

Authoritative reference guides for color formats, named colors, and Tailwind CSS colors.

Color Formats Reference

Definitions, value ranges, and usage for 11 color formats including HEX, RGB, HSL, CMYK, and OKLCH.

Named Colors

A complete list of 500+ named colors with hex values, RGB, and categories.

Tailwind CSS Colors

The complete Tailwind CSS v4 default color palette with all 22 families and 11 shades.

Material Design Colors

The complete Material Design 2 color palette with all shades. Click any color to copy its hex value.

Pantone Colors

Popular Pantone colors with approximate HEX and RGB digital equivalents. Search by Pantone code or color name.

RAL Colors

The complete RAL Classic color chart with HEX equivalents. Search by RAL code or color name.

Flat UI Colors

Classic flat design color palettes with hex codes. The original Flat UI palette and popular community extensions.

Apple System Colors

iOS and macOS system colors with light and dark mode variants. The complete Apple Human Interface Guidelines color palette.

Bootstrap Colors

The complete Bootstrap 5 color system including theme colors, grays, and extended palette with CSS variable names.

Pastel Colors

A curated collection of 80+ pastel colors with hex codes. Soft, muted tones organized by hue family.

Neon Colors

Bright, vivid neon colors with hex codes. Electric hues for bold digital designs.

Earth Tone Colors

Natural earth tone colors with hex codes. Terracotta, olive, sienna, ochre, and other organic hues.

Vintage Colors

Retro and vintage color palettes with hex codes. Desaturated, warm tones inspired by mid-century design.

Aesthetic Colors

Trending aesthetic color palettes with hex codes. Cottagecore, dark academia, vaporwave, minimalist, and more.

Skin Tone Colors

An inclusive range of skin tone colors with hex codes for digital illustration and character design.

Hair Colors

Natural and fantasy hair color palettes with hex codes for digital illustration and character design.

Metallic Colors

Gold, silver, bronze, copper, and other metallic color variations with hex codes for digital design.

CSS Transparency Guide

A complete guide to color transparency in CSS. Opacity-to-hex conversion table, RGBA, HSLA, and modern CSS formats.

CSS Color Functions

A reference guide to modern CSS color functions including color-mix(), oklch(), relative color syntax, and more.

Color Spaces Explained

A visual guide to color spaces: sRGB, Display P3, HSL, LAB, LCH, and OKLCH. Learn when to use each and see how they differ.

Web Safe Colors

The classic 216 web-safe color palette. All colors guaranteed to display consistently across early browsers.

The Ultimate Guide to Design Tokens

A comprehensive reference for designers and engineers building with design tokens.

The Complete Guide to Color Theory

An interactive deep-dive into the color wheel, harmony, temperature, mixing, contrast, psychology, and modern digital color.

The Complete Guide to Dark Mode Design

How to design dark interfaces that are beautiful, accessible, and technically sound — from surface elevation to semantic tokens.