Colors in Design
Apply color to websites, apps, brands, rooms and outfits.
These guides apply color to real work. Each one covers the roles colors play in that kind of project, a worked example palette, the contrast checks that matter, and the mistakes to avoid, from websites, apps and dashboards to brands, rooms and outfits.
Guides
- 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
- Colors in DesignHow to Choose Website Colors: Roles, Balance and ContrastTurn a palette into website colors: give each color a role, apply it to the hero, navigation, buttons and cards, and check every pair for contrast.7 min readBeginnerRead the full guide
- Colors in DesignChoosing Brand and Logo Colors: A Practical GuideBuild a brand palette with a primary, secondary, neutrals and an accent, make a logo that works in one color and on any background, and document it.7 min readBeginnerRead the full guide
- Colors in DesignTypography and Color: How to Pair Text Colors That Read WellHow to color headings, body text, muted text and links, why off-black often beats pure black, and how font size and weight change the contrast you need.8 min readIntermediateRead the full guide
- Colors in DesignColor Systems for Mobile Apps: Roles, Themes and StatesHow to build a mobile app color system with semantic roles, light and dark themes, pressed, disabled and focus states, and contrast that holds up outdoors.7 min readIntermediateRead the full guide
- Colors in DesignDashboard and Data Visualization Color PalettesChoose dashboard colors that work: calm UI chrome, categorical, sequential and diverging chart palettes, and status colors that color-blind users can read.8 min readIntermediateRead the full guide
- Colors in DesignHow to Choose Interior Design Colors for Your HomeA practical way to choose room colors: build a whole-home palette, split it 60-30-10, read undertones and light, test paint samples and keep rooms flowing.7 min readBeginnerRead the full guide
- Colors in DesignFashion Color Combinations: How to Put Outfit Colors TogetherHow to combine colors in an outfit: a neutral base plus one or two colors, tonal dressing and color blocking, plus combinations that reliably work, with HEX codes.6 min readBeginnerRead the full guide