Color Design Resources & Tools | Free Design Resources | Colors.codes

Color Tools

Adobe Color

Create color schemes with the color wheel or browse thousands of color combinations.

Visit Website

Coolors

The super fast color scheme generator for cool designers.

Visit Website

ColorHunt

Collection of beautiful color palettes for designers and artists.

Visit Website

Paletton

Advanced color scheme designer with multiple color modes.

Visit Website

Color Space

Generate color palettes, gradients, and color harmonies.

Visit Website

Huemint

AI-powered color palette generator for professional designs.

Try Generator

Eva Design System

AI-powered color generator for scalable design systems.

Generate Colors

Learning Resources

Color Theory Guide

Learn the fundamentals of color theory and how to apply them in design.

Read Guide

Color in UI Design

A practical framework for choosing and using colors in UI design.

Watch Tutorial

Design Resources

Curated collection of color resources, tools, and inspiration.

Explore Resources

Material Design Colors

Google's guide to using color in Material Design.

Read Guide

Adobe Color Wheel

Interactive color wheel to explore color relationships.

Try Tool

Contrast Checker

Check color contrast for accessibility compliance.

Check Contrast

Accessible Colors

Learn about color accessibility and WCAG guidelines.

Learn More

Color Psychology

Understanding the emotional impact of colors in design.

Read Guide

WCAG Color Guide

Complete guide to WCAG 2.1 color accessibility standards.

Read Standards

Color Blindness Simulator

Test your designs for color blindness accessibility.

Test Colors

Color Inspiration

Design Seeds

Color palettes inspired by nature and photography.

Get Inspired

Color Lisa

Color palettes inspired by famous artists.

Explore Art

Behance Colors

Color inspiration from top design projects on Behance.

Browse Projects

Pantone Trends

Latest color trends and forecasts from Pantone.

View Trends

Brand Colors

Collection of famous brand color schemes and guidelines.

Explore Brands

Brand Colors

The biggest collection of official brand color codes.

View Brands

UI Colors

Handpicked colors for user interfaces and websites.

Browse Colors

Color Psychology

Color Psychology Guide

Complete guide to color meanings and emotional impacts.

Learn More

Marketing Colors

How to use color psychology in marketing and branding.

Read Guide

Cultural Color Guide

Color meanings across different cultures and regions.

Explore Meanings

Color Emotion Guide

Understanding emotional responses to colors in different contexts.

Learn More

Cultural Color Meanings

Explore how different cultures interpret and use colors.

Explore Meanings

Color Science

Scientific research on color perception and psychology.

Read Research

Color Trends Psychology

How color trends influence consumer behavior and design.

View Insights

Developer Tools

CSS Gradient Generator

Create beautiful CSS gradients for your websites.

Generate CSS

Tailwind Colors

Default color palette reference for Tailwind CSS.

View Colors

Color.js

JavaScript library for color manipulation and conversion.

View Docs

CSS Color Module

Complete CSS color specification and features.

View Specs

Material Color System

Google's Material Design color implementation guide.

View Guide

Chroma.js

JavaScript library for color manipulation and scales.

View Library

TinyColor

Fast, small color manipulation library for JavaScript.

View Library

CSS Custom Properties

Guide to using CSS variables for dynamic color themes.

Read Guide

PostCSS Color Tools

Collection of PostCSS plugins for color manipulation.

View Plugins

Color Accessibility Dev

Developer's guide to implementing accessible colors.

Read Guide