Color Foundations

Observe

See the communication problem

A poster uses five saturated colors equally, so the title, details, and button fight for attention.

• What to notice

  Beautiful colors fail when text contrast is too weak or accents are used everywhere.

• Why it matters

  A palette can organize information, create mood, signal brand, or destroy legibility if used without control.

Takeaway: Color has hue, value, saturation, temperature, and contrast. Each choice affects emotion and readability.

Understand

Understand the principle

Color has hue, value, saturation, temperature, and contrast. Each choice affects emotion and readability.

A palette can organize information, create mood, signal brand, or destroy legibility if used without control.

Takeaway: A palette becomes usable when each color has a role, not just a pleasing appearance.

Understand

Study the visual model

Read the image from first attention to final detail. Then compare that path with the labeled decision model below.

Background

Supports the whole layout.

Text

Needs reliable contrast.

Support

Builds mood and structure.

Accent

Marks the most important moments.

Takeaway: Use the model as a diagnostic, not a decoration recipe: Beautiful colors fail when text contrast is too weak or accents are used everywhere.

Try

Follow a worked decision

• Situation

  A poster uses five saturated colors equally, so the title, details, and button fight for attention.

• Designer move

  Choose one dominant background color, one high-contrast text color, one support color, and one accent for the action.

• Result

  The design keeps its mood while becoming easier to read and easier to repeat.

Takeaway: Color should organize information and emotion at the same time.

Try

Run the studio method

Choose one dominant color, one support color, one accent, and one reliable text/background relationship.

• Frame: A palette can organize information, create mood, signal brand, or destroy legibility if used without control.
• Explore: Build three palettes from one image: calm, energetic, and premium.
• Test: Beautiful colors fail when text contrast is too weak or accents are used everywhere.
• Revise: change one variable, compare the versions, and keep the stronger evidence.

Takeaway: Choose one dominant color, one support color, one accent, and one reliable text/background relationship.

Critique

Diagnose weak decisions

Name the visible problem before proposing a fix. This keeps critique specific and useful.

• Choosing colors only from mood without checking readability.
• Using the accent color on every object.
• Relying on color alone to communicate status or meaning.

Takeaway: A strong designer can name the mistake and the fix.

Apply

Use the review rubric

Ask first: Beautiful colors fail when text contrast is too weak or accents are used everywhere.

• Check hue, value, saturation, and temperature separately.
• Assign each color a role before using it everywhere.
• Test body text contrast, not only headline contrast.
• Save accent color for real emphasis.

Takeaway: Your design is ready to move forward when you can point to evidence for every criterion.

Which color property describes lightness or darkness?

• Value.
• Format.
• Crop.
• Baseline.