Chapter 07: Color, Material & Finish (CMF)

What is CMF Design?

CMF (Color, Material, Finish) is the discipline of specifying the surface qualities of products. It's where technical engineering meets emotional design.

Impact:

  • First impression: color/texture noticed before form
  • Quality perception: finish suggests premium or budget
  • Emotional response: color triggers feelings
  • Brand identity: consistent CMF creates recognition
  • Differentiation: stand out in a crowded market

"People make emotional decisions based on color and texture, then rationalize with logic." CMF principle

Color Theory for Products

Color Basics

Primary Dimensions:

1. Hue The actual color (red, blue, yellow, etc.)

Color Wheel:

        Yellow
      /         \
   Green         Orange
    |              |
   Cyan          Red
      \         /
        Blue

2. Saturation (Chroma) Intensity or purity of color.

  • High saturation = vivid, intense
  • Low saturation = muted, grayish

3. Value (Lightness) How light or dark the color.

  • High value = light, pale
  • Low value = dark, deep

Color Harmonies

Monochromatic: Single hue with varying saturation/value.

  • Sophisticated, cohesive
  • Can be boring if not varied enough
  • Example: iPhone in Space Gray shades

Analogous: Adjacent colors on wheel (e.g., blue, blue-green, green).

  • Harmonious, natural
  • Easy to balance
  • Example: Nature-inspired products

Complementary: Opposite on color wheel (red-green, blue-orange).

  • High contrast, vibrant
  • Can be jarring if equal amounts
  • Example: Sports equipment with accent colors

Triadic: Three colors equally spaced on wheel.

  • Balanced, vibrant
  • Tricky to execute
  • Example: Primary colors (toys)

Neutral: Blacks, whites, grays, beiges.

  • Timeless, professional
  • Shows form clearly
  • Example: Most consumer electronics

Color Psychology

How colors affect emotion and perception.

ColorAssociationsBest ForAvoid For
RedEnergy, passion, urgency, dangerSports, food, sale itemsFinance, medical (except emergency)
OrangeEnthusiasm, creativity, funYouth products, creative toolsLuxury, professional
YellowHappiness, optimism, cautionChildren's products, visibilityExpensive products (appears cheap)
GreenNature, health, growth, moneyEco products, health, financeTech (unless eco-focused)
BlueTrust, calm, professionalism, techCorporate, medical, techFood (suppresses appetite)
PurpleLuxury, creativity, spiritualityPremium products, beautyChildren (too sophisticated), tools
PinkFeminine, playful, youthfulBeauty, children (girls)Professional tools, tech
BlackSophistication, power, mysteryLuxury, professional, techChildren's safety products
WhitePurity, simplicity, cleanlinessMedical, tech, minimal designOutdoor (shows dirt), kids
GrayNeutral, professional, modernTech, professional, industrialProducts needing emotional connection

Cultural Variations:

  • White: Purity (West), Death (East Asia)
  • Red: Love/danger (West), Good luck (China)
  • Yellow: Caution (West), Imperial (China)

Color Strategy by Market

Consumer Electronics:

  • Black/white/silver dominant
  • Limited color SKUs (inventory complexity)
  • Annual "color of the year" variants
  • Example: Apple (silver, space gray, gold)

Children's Products:

  • Primary colors (red, yellow, blue)
  • High saturation
  • Gender-neutral increasingly popular
  • Example: LEGO, Melissa & Doug

Luxury Products:

  • Muted, sophisticated tones
  • Black, deep browns, metallics
  • Limited, curated palette
  • Example: Bang & Olufsen, Leica

Sports/Outdoor:

  • Bold, energetic colors
  • High visibility options
  • Color = performance perception
  • Example: Nike, Under Armour

Medical/Healthcare:

  • Whites, light blues, greens
  • Clean, sterile perception
  • Avoid aggressive colors
  • Example: Medical devices

Industrial/Professional:

  • Gray, black, dark blue
  • High-visibility yellow/orange for safety
  • Durable, serious perception
  • Example: Bosch tools

Materials & Texture

Surface Finishes (Plastic)

Glossy:

  • Appearance: Shiny, reflective
  • Feel: Smooth, slippery
  • Pros: Looks premium, vibrant colors, easy to clean
  • Cons: Shows fingerprints, scratches, can feel cheap
  • Best for: Display models, low-touch products
  • Example: Piano black finish (controversial)

Matte:

  • Appearance: Non-reflective, even
  • Feel: Smooth but not slippery
  • Pros: Hides fingerprints, sophisticated, doesn't show scratches
  • Cons: Can absorb oils, harder to clean deeply
  • Best for: High-touch products, professional tools
  • Example: MacBook Pro M1 (midnight finish)

Textured:

  • Appearance: Pattern visible on surface
  • Feel: Grippy, tactile
  • Pros: Hides imperfections, improves grip, distinctive
  • Cons: Can collect dirt, harder to clean
  • Best for: Handles, grips, outdoor products
  • Patterns: Stipple, leather grain, diamond knurl, fine dots

Soft-Touch (Rubber-like coating):

  • Appearance: Matte to slight sheen
  • Feel: Velvety, warm, premium
  • Pros: Excellent grip, comfortable, premium feel
  • Cons: Degrades over time (sticky), difficult to recycle
  • Best for: Grips, handheld products
  • Example: Power tool handles, premium remote controls

In-Mold Decoration (IMD):

  • Process: Graphic film inserted in mold
  • Result: Durable, integrated graphics
  • Pros: No separate labeling, wear-resistant
  • Cons: Expensive tooling, limited to 2D
  • Example: Appliance control panels

Metal Finishes

Brushed:

  • Process: Abrasive belt creates directional lines
  • Appearance: Directional grain, satin sheen
  • Pros: Hides minor scratches, distinctive look
  • Cons: Can show fingerprints
  • Example: Stainless steel appliances, Apple Watch

Polished:

  • Process: Progressive polishing to mirror finish
  • Appearance: Reflective, mirror-like
  • Pros: Premium, jewelry-like
  • Cons: Shows every mark, expensive to maintain
  • Example: Chrome accents, luxury watches

Bead Blasted:

  • Process: Glass beads propelled at surface
  • Appearance: Uniform matte, fine texture
  • Pros: Hides imperfections, consistent finish
  • Cons: Can appear industrial
  • Example: Aerospace parts, high-end cases

Anodized (Aluminum):

  • Process: Electrochemical oxidation
  • Appearance: Durable color, slight texture
  • Pros: Corrosion resistant, color options, hard surface
  • Cons: Limited colors, can scratch (shows base metal)
  • Example: Apple products, bicycle components

Powder Coated:

  • Process: Dry powder electrostatically applied, baked
  • Appearance: Durable, even coating
  • Pros: Tough, many colors, no VOCs
  • Cons: Difficult to touch up, minimum thickness
  • Example: Outdoor furniture, bicycle frames

PVD (Physical Vapor Deposition):

  • Process: Vaporized metal deposited in vacuum
  • Appearance: Extremely thin, durable coating
  • Pros: Very hard, scratch resistant, gold/black options
  • Cons: Expensive
  • Example: Watch cases, luxury products

Wood Finishes

Oil Finish:

  • Process: Natural oil penetrates wood
  • Appearance: Natural, warm, matte
  • Pros: Easy to apply/repair, feels natural
  • Cons: Minimal protection, requires reapplication
  • Example: Cutting boards, natural furniture

Lacquer:

  • Process: Sprayed, builds thick protective layer
  • Appearance: Can be glossy or matte
  • Pros: Durable, fast drying, beautiful
  • Cons: Shows imperfections, can yellow
  • Example: Musical instruments, fine furniture

Polyurethane:

  • Process: Plastic coating applied
  • Appearance: Clear protective layer
  • Pros: Very durable, water resistant
  • Cons: Plastic-like feel, difficult to repair
  • Example: Floors, outdoor furniture

Stain:

  • Process: Penetrates to change color
  • Appearance: Changes color while showing grain
  • Pros: Color variety, maintains texture
  • Cons: Can be blotchy, requires topcoat
  • Example: Furniture, doors

Glass & Transparent Materials

Clear:

  • Shows contents
  • Clean, modern
  • Example: Water bottles, phone screens

Frosted:

  • Translucent, diffuses light
  • Hides imperfections
  • Example: Privacy panels, lighting

Tinted:

  • Color while maintaining transparency
  • UV protection
  • Example: Sunglasses, car windows

Coated:

  • Anti-reflective, hydrophobic, oleophobic
  • Functional benefits
  • Example: Phone screens, camera lenses

Texture Design

Functions of Texture

1. Functional Improves grip, hides wear, directs water.

Examples:

  • Knurling on metal (tool handles)
  • Stippling on plastic (grips)
  • Grooves for drainage (shower mats)

2. Aesthetic Creates visual interest, suggests quality.

Examples:

  • Leather grain on plastic (premium feel)
  • Carbon fiber pattern (sporty)
  • Wood grain (natural)

3. Informational Communicates through touch.

Examples:

  • Braille on products
  • Textured "home" button (keyboard)
  • Ridges on control dials

Texture Patterns

Organic:

  • Natural, flowing patterns
  • Less structured
  • Feels warm, approachable
  • Example: Leather grain, wood grain, stone

Geometric:

  • Regular, repeating patterns
  • Structured, precise
  • Feels technical, modern
  • Example: Diamond knurl, hex pattern, grid

Micro-Textures:

  • Visible but subtle
  • Affects feel more than appearance
  • Often functional (reduce friction)
  • Example: Fine stipple, matte finish

Macro-Textures:

  • Obvious, bold patterns
  • Visual and tactile impact
  • Makes strong statement
  • Example: Deep knurl, raised ribs

CMF Strategy

Developing a CMF Palette

Process:

1. Research (Week 1)

  • Competitor analysis
  • Trend research (color forecasting)
  • Brand guidelines review
  • User preferences (surveys)
  • Material innovations

2. Concept Development (Week 2)

  • Create 3-5 CMF directions
  • Each tells different story
  • Mood boards with references
  • Initial material samples

3. Refinement (Week 3-4)

  • Select direction
  • Specify exact colors (Pantone, RAL)
  • Source material samples
  • Test combinations

4. Validation (Week 5)

  • Create physical mockups
  • User testing
  • Manufacturing feasibility
  • Cost analysis

5. Documentation (Week 6)

  • CMF specification sheets
  • Sample libraries
  • Manufacturing instructions
  • Quality control standards

CMF Concept Example: "Wireless Headphones"

Direction 1: Athletic

  • Color: Bold primary blue + neon yellow accents
  • Material: Matte plastic body, TPE rubber cushions
  • Finish: Textured grip zones, glossy accent panels
  • Story: Energetic, motivating, sweat-proof

Direction 2: Premium

  • Color: Deep matte black + rose gold accents
  • Material: Aluminum frame, leather cushions
  • Finish: Brushed metal, smooth leather
  • Story: Sophisticated, luxury, audiophile

Direction 3: Minimalist

  • Color: Light gray monochrome
  • Material: Recycled plastic, fabric cushions
  • Finish: Uniform matte throughout
  • Story: Sustainable, honest, timeless

Tech Products:

  • Matte finishes dominating
  • Pastels emerging (mint, lavender)
  • Titanium as premium option
  • Natural materials as accents

Home Goods:

  • Warm neutrals (terracotta, sage)
  • Mixed materials (wood + metal)
  • Handcrafted textures
  • Earth tones

Sustainable Focus:

  • Natural, undyed materials
  • Recycled content visible
  • Honest finishes (no fake wood grain)
  • Repairable (modular colors)

Manufacturing CMF

Color Matching

Standards:

Pantone:

  • Industry standard for design
  • Physical swatch books
  • Numbered system (e.g., Pantone 294 C)

RAL:

  • European standard
  • Common in industrial design
  • Numbered (e.g., RAL 9001 = cream white)

RGB/HEX:

  • Digital colors
  • Not accurate for physical production
  • Use for mockups only

Process:

  1. Designer specifies Pantone
  2. Manufacturer creates sample
  3. Compare to standard under D65 light
  4. Iterate until match achieved
  5. Document as "golden sample"

Challenges:

  • Different materials hold color differently
  • Plastic vs. metal vs. fabric = different appearance
  • Batch variation in production
  • Fading over time (UV, wear)

Surface Treatment Costs

FinishSetup CostPer-Unit CostLead TimeBest Volume
As-molded (plastic)$0$00 daysAny
Texture in tool$500-5000$0+2 weeks1000+
Paint$1000-5000$0.50-22-4 weeks500+
Pad printing$500-1000$0.10-0.501 week500+
Anodizing$500$1-31-2 weeks100+
Powder coating$500-2000$2-51-2 weeks100+
Chrome plating$2000+$5-203-4 weeks500+

Design for Manufacturing (CMF)

Plastic Color Options:

Option 1: Colored Resin

  • Color mixed into plastic before molding
  • Pros: Durable, scratches less obvious, no secondary operation
  • Cons: Higher minimum order, can't easily change colors

Option 2: Painted

  • White/gray part painted after molding
  • Pros: Color flexibility, premium appearance
  • Cons: More expensive, chips if scratched, secondary operation

Option 3: In-Mold Color

  • Decorative film molded into part
  • Pros: No painting, durable, can mimic other materials
  • Cons: Expensive tooling, limited to certain shapes

Recommendation:

  • Low volume (<1000): Paint
  • High volume, single color: Colored resin
  • High volume, multiple colors: Paint or separate molds

Testing CMF

Validation Methods

Visual Inspection:

  • Color accuracy to standard
  • Finish consistency
  • Surface defects (scratches, contamination)

Accelerated Aging:

  • UV exposure (sun fade simulation)
  • Thermal cycling (expansion/contraction)
  • Chemical exposure (cleaners, oils)
  • Abrasion (wear simulation)

User Testing:

  • Perception of quality
  • Color preference
  • Tactile feedback
  • Emotional response

Common CMF Failures

1. Color Shift

  • Cause: UV exposure, heat, chemicals
  • Prevention: UV stabilizers, indoor use, protective coatings

2. Scratching

  • Cause: Soft coating, abrasive contact
  • Prevention: Harder finish, textured surface (hides scratches)

3. Delamination

  • Cause: Poor adhesion between coating and substrate
  • Prevention: Proper surface prep, adhesion promoters

4. Staining

  • Cause: Porous surface absorbing oils, dyes
  • Prevention: Sealed finish, non-porous materials

5. Fading

  • Cause: UV, oxidation
  • Prevention: UV stabilizers, indoor use, darker colors

Case Study: Apple Product CMF Evolution

2000s: Colorful Era

  • iMac G3: Translucent candy colors
  • iPod: White plastic + chrome
  • Message: Friendly, approachable, fun

2010s: Premium Minimalism

  • iPhone: Silver/black/gold aluminum
  • MacBook: Unibody aluminum, anodized
  • Message: Sophisticated, premium, professional

2020s: Expanded Palette

  • iPhone: More color options (blue, purple, green)
  • MacBooks: Space gray, midnight (dark blue)
  • Message: Personal expression while maintaining premium

CMF Decisions:

  • Aluminum: Premium feel, recyclable, distinctive
  • Anodized: Durable color, scratch resistant
  • Matte black: Sophisticated, hides fingerprints (recent)

Key Takeaways

  1. CMF is felt before form is seen: first sensory contact
  2. Color communicates instantly: emotional response is immediate
  3. Finish affects quality perception: cheap finish = cheap product
  4. Texture serves function and emotion: grip and feel matter
  5. Consider manufacturing early: some finishes are expensive or complex
  6. Test real materials: renders never match physical reality
  7. Consistency creates brand: CMF palette across product line

What's Next

In Chapter 08: Prototyping & Testing, you'll learn how to build physical models to test and validate your designs.


Exercise: Create a CMF board for a product of your choice:

  1. Select a product category
  2. Research 3 competitors (note their CMF)
  3. Create 3 distinct CMF directions
  4. For each direction:
    • Name and story (one sentence)
    • Primary color (Pantone number)
    • Accent color
    • Material palette (3 materials)
    • Finish specifications
  5. Gather physical samples if possible
  6. Present to someone and get feedback