Color guidance#
Use colors by their purpose: text, surfaces, borders, actions, and feedback. Eufemia's current color system is shared through semantic design tokens.
- Browse current colors.
- Choose colors by their role.
- Design for dark mode.
- Check accessibility and contrast.
For implementation, see Web design tokens. The legacy palette and legacy CSS colors remain available for older applications.