Design an accessible color palette for digital products in HSLuv color space
H
L
S
100
90
80
70
60
50
40
30
20
10
S
55
S
60
S
70
S
80
S
80
H
11
S
100
H
13
H
14
H
14
S
85
S
85
S
85
S
100
S
85
S
80
H
38
S
85
H
42
H
45
H
54
S
80
H
54
S
80
H
54
S
80
H
56
H
58
H
58
H
60
S
90
S
90
S
55
S
60
S
70
S
85
S
85
S
65
S
45
S
55
S
55
S
60
S
70
S
85
S
85
S
65
S
45
S
55
S
55
S
60
S
70
S
85
S
85
S
65
S
45
S
55
H
256
H
254
H
252
H
248
H
242
H
238
H
234
S
60
S
70
S
75
S
80
S
60
S
70
S
75
S
80
S
90
S
85

Set the meaning of your colors to preview components for the Light and Dark theme.

Neutral
Primary
Success
Danger
Info
Warning
Theme
C
AW

Preview Colors in Components

Bingo! You nailed it. If there was a high five button here, we'd be smashing it right now!
Yikes! Something's not right. Don't panic, though. Even Picasso didn't get it right on his first try.
Here’s a little tip: Don’t forget to save your work often. Your future self will thank you.
Oops! You're veering off track. Remember, the road to success is always under construction.
A Card with Inputs and Buttons
Label
Label
Label
Your description does not match the expectations. Check your input and try again.
Checkbox Group
Tip: Here’s is an extra explainer text ending with a useful link.
Album Title
Year
# SongsRatingSales StatusEarnings
Freak Out!196614
Hit Record
$5M
Absolutely Free196717
Hit Record
$7M
We're Only in It for the Money196818
Moderate
$4M
Uncle Meat196940
Low sales
-$1M
Hot Rats19696
Hit Record
$8M
Burnt Weeny Sandwich19709
Moderate
$3M
Weasels Ripped My Flesh197012
Low sales
-$2M
colorca © 2022–25
Braňo ŠandalaBuy Me a CoffeeFeedback