uicolors.app Open in urlscan Pro
75.2.60.5  Public Scan

Form analysis
0 forms found in the DOM

Text Content

UI
Colors
Create Saved Browse Figma plugin
Sign in
Tailwind CSS
Color Generator

Press spacebar, enter a hexcode or change the
HSL values to create a custom color scale

Enter a hexcode to create a custom color scale

Random HEX
Mantis
Contrast gridExportEditSave
50
f6faf3
100
e9f5e3
200
d3eac8
300
afd89d
Unlock
400
82bd69
500
61a146
600
4c8435
700
3d692c
800
345427
900
2b4522
950
13250e
Examples
Customers


1.553
New customers in past 30 days
Calendar
mo
tu
we
th
fr
sa
su
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Continue
Today
Design system meeting

9 - 10 AM

Lunch

1 - 2 PM
Design review

3 - 4 PM

Create
color scales
in seconds.
Create
color scales
in seconds.
Create
color scales
in seconds.
Buttons · Flat
Default
Hover
Active
Disabled
Buttons · Outline
Default
Hover
Active
Disabled
Buttons · Bezel
Default
Hover
Active
Disabled
Make sure you save your custom color scale.
Make sure you save your custom color scale.
Feedback·@erikdevries_nl