60-30-10 Color Rule for Websites & UI Design — Interactive Studio & Export
Master the 60-30-10 interior and UI design color rule: how to balance 60% neutral backgrounds, 30% cards and navigation, and 10% primary call-to-action buttons.
Active Color Swatches & Shades
- #0066FF — HEX, RGB, HSL & Shade Scale
- #FF2E63 — HEX, RGB, HSL & Shade Scale
- #F59E0B — HEX, RGB, HSL & Shade Scale
- #10B981 — HEX, RGB, HSL & Shade Scale
- #06B6D4 — HEX, RGB, HSL & Shade Scale