---
title: "Refactoring UI — Building Your Color Palette"
description: "Free chapter preview explaining how to build a UI palette with defined shade ramps rather than lighten/darken functions."
canonical: "https://vibing.inc/library/refactoring-ui-building-your-color-palette-vg-1214"
category: "Learning & Craft"
subcategory: "Color theory"
license: "free"
author: "Adam Wathan & Steve Schoger (@steveschoger)"
source: "https://refactoringui.com/previews/building-your-color-palette/"
---

# Refactoring UI — Building Your Color Palette
Free chapter preview explaining how to build a UI palette with defined shade ramps rather than lighten/darken functions.
## Facts
- Source: https://refactoringui.com/previews/building-your-color-palette/
- Category: Learning & Craft / Color theory
- Author: Adam Wathan & Steve Schoger (@steveschoger)
- Licence: free
- Tags: color, palette, ui, preview
## Why it's a gem
The free chapter that changed how the whole industry names colour shades
---
Listed in The Vibeary: https://vibing.inc/library/refactoring-ui-building-your-color-palette-vg-1214 · JSON: https://vibing.inc/api/public/library/gems/refactoring-ui-building-your-color-palette-vg-1214