Design System Tips

Building a robust design system requires a thoughtful approach to color. Here are some tips to get you started.

Use Semantic Naming

Instead of naming colors blue-500, use semantic names like primary-action or surface-background.

Accessibility First

Always ensure that your color combinations meet WCAG contrast requirements. Palettable helps you verify this by showing you the LCH lightness values.