Sitemap
Every page on swatches.net.
Main
- swatches.net: Color Palettes, Color Theory & Contrast Tools
- About swatches.net
- Privacy Policy
- Search
- Submit a Color Palette
Palettes
- Color Palette Library: Curated Schemes with HEX Codes
- Cool Color Palettes: Blues, Greens & Purples
- Download Color Palettes (.ASE, .ACO, .GPL, CSS, JSON)
- Fintech Color Palettes with HEX Codes
- Organic Food Color Palettes with HEX Codes
- Spring 2026 Color Palettes with HEX Codes
- Warm Color Palettes: Reds, Oranges & Earth Tones
Shades by color
- Shades by Color: Blue, Green, Red, Purple, Pink & Gray
- Shades of Blue: Names, HEX & RGB Codes
- Shades of Gray: Names, HEX & RGB Codes
- Shades of Green: Names, HEX & RGB Codes
- Shades of Pink: Names, HEX & RGB Codes
- Shades of Purple: Names, HEX & RGB Codes
- Shades of Red: Names, HEX & RGB Codes
Color theory
- Color Theory 101 — A Complete Guide for Designers
- Choosing Brand Colors: Strategy, Examples & Checklist
- Color Contrast & Readability (with Checker)
- Color Harmonies: Complementary, Analogous, Triadic & More
- Complementary Colors: Interactive Wheel & Classic Pairs
- Interactive Color Wheel (RGB & RYB)
- Psychology of Color: What Each Color Communicates
- The 60-30-10 Color Rule (with Interactive Generator)
- Tints, Shades & Tones: Generator and Guide
- Using Color in UI Design: Systems, States & Tokens
- Warm vs Cool Colors: Meaning & How to Use Them
Accessibility
- Accessibility Hub — WCAG Guidance & Contrast Checker
- Color Blindness Simulator for Palettes
- Color Contrast Checker (WCAG 2.2 AA & AAA)
- WCAG Color Contrast Requirements Explained
References & tools
- Technical References — Color Tools for Developers
- CSS Color Variables (Custom Properties) Guide
- CSS Named Colors: All 148 with HEX, RGB & HSL
- CSS contrast-color(): Syntax, Support & Fallbacks
- Color Accessibility Checklist (WCAG)
- Color Glossary: Hue, Saturation, Chroma, Luminance & More
- HEX to CMYK Converter (and CMYK to HEX)
- HEX to RGB Converter (and HSL)
- RGB to HEX Converter (with Alpha)
- RGB vs CMYK: A Guide to Color for Print
- Tailwind CSS Custom Colors: Config Guide
Blog
- Color Design Blog — Articles & Tutorials
- Adding Custom Colors to Tailwind CSS
- Building Accessible Color Palettes for Dark Mode
- Building Accessible Dark Mode: A Short Guide
- Color Psychology in Brand Strategy
- Designing for Color Blindness: A Practical Guide
- Earth Tones in Modern Digital Design
- Gradient Color Trends for 2026 (with CSS)
- How to Use the 60-30-10 Rule in UI Design
- Maintainable Color Systems with CSS Variables
- The Complete Guide to Complementary Colors