Upgrade & Unlock all features
Adding & viewing secondary and tertiary color scales
Check color contrasts easily with the Contrast Grid
Export in HSL, OKLCH and RGB format
Lock your input color to the 500 shade
Ensure accessibility with the consistent APCA setting
Save 1,000 color scales in your account
Share color scales with a public link
Adjust hue, saturation, and lightness for individual colors
Cancel your subscription anytime
Monthly
$5 / month
Yearly
$50 / year · 2 months free
Used by 50K+ designers & developers every month
Ruark Vallen
I love how every color you select, IT JUST LOOKS GOOD. Now it's just a matter of preference and whether the colors fits the mood you want to create.
David Perkins
This is sooooooooooo useful 🥲 the contrast grid... *chef's kiss*
Ese Monday ✨
Can't believe I used to work without this gem! 🎨✨ This is a game-changer for generating color palettes and visualizing how they work on different components. My weekend project about to be lit 🔥🔥
Jordan Guichard
Your app has been revolutionary for me when designing brands. Thank you so much.
BerryByte
Beats every color palette generator we’ve used so far. Thanks 💪
Abdullah Kanza
It's the best color tool I've ever used. In general, it is very difficult to create a color palette based on a main color. It quickly solves this problem for you without any confusion. Designers know this is a huge problem 😅
Mislav
uicolors.app is soooo good, my go to for palette generation
BlueMelon
So far, the best Tailwind shade colors generator, and from 50 to 950!
Karel Dries
Excellent tool, love it! The Figma plugin is also very useful!
Robin
I use your product almost every day. This post reminded me that I need to upgrade my account and start paying you. Saves me so many hours, love it! Looking forward to see the update 😍
Henrik Hedegaard
Amazing! Makes it easy to create, adjust and optimise a harmonic color scale for you app.
Random
Geraldine
50
fff2f1
100
ffe3e1
200
ffcbc7
300
ffa7a0
400
ff8a80
500
f84a3b
600
e52d1d
700
c12214
800
a01f14
900
842118
950
480c07
Azure Radiance
50
eef7ff
100
d9ebff
200
bcddff
300
8ec9ff
400
59aaff
500
3388ff
600
1b67f5
700
1452e1
800
1742b6
900
193b8f
950
142557
UI Examples
Track your
expenses
Expenses
$12,543
Jan
Feb
Mar
Apr
May
Jun
Gain
control
Categories
Groceries
9 transactions
Household
12 transactions
Travel
6 transactions
Other
6 transactions
Create
budgets
Income
$15,989
$18,871 last period
Expenses
$12,543
$10,221 last period
Savings
$5,210
10,221 last period
Hannah
Laurent
Expenses
$ 14,919
Groceries
$ 4,973
Household
$ 4,973
Travel
$ 4,973
Daniel
Johnson
Blog
Productivity Hacks for Life on the Road
Work
The Ultimate Digital Nomad Toolkit
Travel
Design in Cross-Functional Teams
Design
Todo
Avatar
Process clients feedback in the design proposal
Today
Avatar
Design 5 alternative hero sections for the homepage
Tomorrow
Avatar
Design system meeting preparation
In 2 days
Jobs
Senior Software Engineer - Laravel & MySQL
Part-time
Remote
Lead Product Designer - Figma, Shape-up
Full-time
Hybrid
Senior Frontend Developer - Vue.js in Amsterdam
Part-time
Remote
Get discount
on purchases
Thursday, April 10
Design system meeting
9 - 10 AM
Lunch
1 - 2 PM
Design review
3 - 4 PM
Remote
working
Buttons · Depth
Default
Hover
Active
Disabled
Buttons · Soft
Default
Hover
Active
Disabled
Buttons · Flat
Default
Hover
Active
Disabled
Buttons · Depth
Default
Hover
Active
Disabled
Buttons · Soft
Default
Hover
Active
Disabled
Buttons · Flat
Default
Hover
Active
Disabled
Got feedback?
We'd love to know what you think about UI Colors.
Got feedback?
We'd love to know what you think about UI Colors.