OmniTools - Premium Creator & Developer Utility Hub
Back to Blog Hub
UX Design

UI Colour Theory and Accessible Palettes

Choosing the right colors is more than just aesthetics; it is about brand psychology, accessibility, and visual hierarchy.

The 60-30-10 Rule

A classic interior design rule that applies perfectly to UI design: 60% of your interface should be a dominant background color, 30% a secondary color (like cards or menus), and 10% an accent color for calls-to-action.

WCAG Accessibility Standards

Color contrast is critical for legibility. Using an HSL-based palette generator allows designers to precisely control lightness and saturation to meet WCAG AA or AAA contrast ratios.

Action successful!

Accessibility Tools