Learn the Art of Color
Explore color theory, discover beautiful combinations and learn to create accessible color palettes for your next project.
Popular topics
Explore Learning Categories
Pick a subject and go as deep as you like.
- Color TheoryThe fundamentals of how colors work and relate to each other.6 guides
- Color HarmonyReliable ways to combine colors that work together.7 guides
- Color AccessibilityMake colors accessible and text readable for everyone.4 guides
- Colors in DesignApply color to websites, apps, brands, rooms and outfits.8 guides
- Color PsychologyWhat colors can suggest, and how that changes with culture.4 guides
- Color Formats & Technical GuidesHEX, RGB, HSL, CSS colors and design tokens explained.6 guides
Start Here
Three guides that take you from the basics to your first palette.
- Color TheoryColor Theory: A Complete Beginner's GuideLearn the color wheel, hue, saturation and lightness, tints and shades, and warm and cool colors, with examples you can open and edit.3 min readBeginnerRead the full guide
- Color HarmonyUnderstanding Color Harmony: 7 Ways to Combine ColorsSeven dependable color harmony rules, from monochromatic to double complementary, with a wheel diagram and an example palette for each.3 min readBeginnerRead the full guide
- Colors in DesignHow to Create a Beautiful Color PaletteA practical seven-step process for building a color palette, from choosing a base color to testing contrast and seeing it on a real design.3 min readBeginnerRead the full guide
Interactive Learning
The quickest way to understand color is to change it and watch what happens.
- Color Wheel ExplorerExplore color relationships and see how the color wheel works.Open the color wheel
- Color Harmony ExplorerTry monochromatic, analogous, complementary and triadic combinations.Try harmonies
- AaAaContrast LearningUnderstand contrast ratios and learn how to create readable designs.Check contrast
- Shades & Tints ExplorerSee how lighter and darker variations come from a base color.Explore shades
Design Inspiration
Ready-made color ideas you can see on real designs.
- Website color palette ideasSee it in the visualizer
- Modern dashboard color combinationsSee it in the visualizer
- Premium interior color combinationsSee it in the visualizer
- Fashion color combinationsSee it in the visualizer
- Pastel color palettesSee it in the visualizer
- Minimalist color combinationsSee it in the visualizer
Ready to create something colorful?
Put your knowledge into practice and create beautiful color palettes.