---
title: "Color in UI Design: A Practical Framework"
description: "Framework for choosing and applying UI colour: neutrals, one accent, saturation ranges and when to break the rules."
canonical: "https://vibing.inc/library/color-in-ui-design-a-practical-framework-vg-1211"
category: "Learning & Craft"
subcategory: "Color theory"
license: "free"
author: "Erik Kennedy (@erikdkennedy)"
source: "https://learnui.design/blog/color-in-ui-design-a-practical-framework.html"
---

# Color in UI Design: A Practical Framework
Framework for choosing and applying UI colour: neutrals, one accent, saturation ranges and when to break the rules.
## Facts
- Source: https://learnui.design/blog/color-in-ui-design-a-practical-framework.html
- Category: Learning & Craft / Color theory
- Author: Erik Kennedy (@erikdkennedy)
- Licence: free
- Tags: color, ui, framework, design
## Why it's a gem
Actionable constraints rather than colour-wheel theory; works immediately in Figma
---
Listed in The Vibeary: https://vibing.inc/library/color-in-ui-design-a-practical-framework-vg-1211 · JSON: https://vibing.inc/api/public/library/gems/color-in-ui-design-a-practical-framework-vg-1211