Introduction to Color

Overview

Color focuses attention, strengthens brand, and keeps experiences cohesive and accessible.

Use Sana Canvas’s color system to choose accessible, theme‑ready colors and to apply color consistently across products and modes.

What’s in This Guide

• Color Roles: Learn more about supported color roles and how to apply them to interfaces.
• Color Palette: View the global color palette and supported subpalettes.
• Color Scale: Learn about the tonal scale and how to use it.
• Color Contrast: Learn how to choose accessible color combinations.
• Color Tokens: Learn how to apply the smallest pieces of our Design System.