---
title: "UI Colors"
description: "Tailwind palette generator that builds full colour scales from one hex and previews them across cards, dashboards and full pages."
canonical: "https://vibing.inc/library/ui-colors-vg-0673"
category: "Design Tools & Generators"
subcategory: "Color scales"
license: "freemium"
author: "Erik de Vries"
source: "https://uicolors.app"
---

# UI Colors
Tailwind palette generator that builds full colour scales from one hex and previews them across cards, dashboards and full pages.
## Facts
- Source: https://uicolors.app
- Category: Design Tools & Generators / Color scales
- Author: Erik de Vries
- Licence: freemium
- Tags: tailwind, color, palette, shadcn, figma
## Why it's a gem
Previewing a scale on a realistic dashboard exposes the muddy shades before you ship them.
---
Listed in The Vibeary: https://vibing.inc/library/ui-colors-vg-0673 · JSON: https://vibing.inc/api/public/library/gems/ui-colors-vg-0673