Surgical Tech Study App

Category Color Scheme Documentation

Last Updated: September 30, 2025

Purpose & Implementation

This color scheme maintains consistent category color coding across all app features. Each surgical specialty and study area has a unique, visually distinct color for quick recognition and improved user experience.

Design Principles:

  • Brightness: All colors are saturated enough for small UI elements
  • Contrast: Sufficient contrast against white backgrounds
  • Distinctiveness: Visually distinct colors for quick recognition
  • Consistency: Based on approved pastel selections, brightened for visibility

Category Color Demonstration

Usage Examples

Category Badges

Progress Bars

Category Cards

Complete Color Reference

Category Color Preview Hex Code RGB Values Use Case