Brand
#ef536f
oklch(0.66 0.191 14)
| Step | Hex | OKLCH | vs White | vs Black | |
|---|---|---|---|---|---|
| Base |
#ef536f
|
oklch(0.66 0.191 14)
|
|
|
|
| 95 |
#ffeeef
|
oklch(0.96 0.019 14)
|
|
|
|
| 90 |
#ffdddf
|
oklch(0.93 0.038 14)
|
|
|
|
| 80 |
#ffb6bc
|
oklch(0.85 0.085 14)
|
|
|
|
| 70 |
#ff8d9a
|
oklch(0.77 0.139 14)
|
|
|
|
| 60 |
#fb5e79
|
oklch(0.69 0.191 14)
|
|
|
|
| 50 |
#d53a5a
|
oklch(0.59 0.191 14)
|
|
|
|
| 40 |
#b2093f
|
oklch(0.49 0.191 14)
|
|
|
|
| 30 |
#8f0030
|
oklch(0.41 0.166 14)
|
|
|
|
| 20 |
#6b0022
|
oklch(0.34 0.135 14)
|
|
|
|
| 10 |
#440012
|
oklch(0.25 0.099 14)
|
|
|
|
| 05 |
#2e000a
|
oklch(0.19 0.076 14)
|
|
|
Accent
#39b1e8
oklch(0.72 0.130 233)
| Step | Hex | OKLCH | vs White | vs Black | |
|---|---|---|---|---|---|
| Base |
#39b1e8
|
oklch(0.72 0.130 233)
|
|
|
|
| 95 |
#e2f5ff
|
oklch(0.96 0.024 233)
|
|
|
|
| 90 |
#c6ebff
|
oklch(0.92 0.047 233)
|
|
|
|
| 80 |
#84d3fd
|
oklch(0.83 0.098 233)
|
|
|
|
| 70 |
#55b9ea
|
oklch(0.75 0.117 233)
|
|
|
|
| 60 |
#1e9fd5
|
oklch(0.66 0.130 233)
|
|
|
|
| 50 |
#007eac
|
oklch(0.56 0.115 233)
|
|
|
|
| 40 |
#006084
|
oklch(0.46 0.095 233)
|
|
|
|
| 30 |
#004b68
|
oklch(0.39 0.080 233)
|
|
|
|
| 20 |
#00374e
|
oklch(0.32 0.066 233)
|
|
|
|
| 10 |
#002130
|
oklch(0.23 0.048 233)
|
|
|
|
| 05 |
#001420
|
oklch(0.18 0.038 233)
|
|
|
Neutral
0.02
Caps OKLCH Chroma (Saturation). Lower = Grayer.
#dbc9ca
oklch(0.85 0.020 14)
| Step | Hex | OKLCH | vs White | vs Black | |
|---|---|---|---|---|---|
| Base |
#dbc9ca
|
oklch(0.85 0.020 14)
|
|
|
|
| 95 |
#f7f0f0
|
oklch(0.96 0.008 14)
|
|
|
|
| 90 |
#ede3e3
|
oklch(0.92 0.011 14)
|
|
|
|
| 80 |
#d4c6c7
|
oklch(0.84 0.015 14)
|
|
|
|
| 70 |
#baabac
|
oklch(0.75 0.018 14)
|
|
|
|
| 60 |
#a29192
|
oklch(0.67 0.020 14)
|
|
|
|
| 50 |
#827273
|
oklch(0.57 0.020 14)
|
|
|
|
| 40 |
#655556
|
oklch(0.47 0.020 14)
|
|
|
|
| 30 |
#504343
|
oklch(0.40 0.018 14)
|
|
|
|
| 20 |
#3b3031
|
oklch(0.32 0.015 14)
|
|
|
|
| 10 |
#231c1d
|
oklch(0.24 0.011 14)
|
|
|
|
| 05 |
#161111
|
oklch(0.18 0.008 14)
|
|
|
Unassigned
#ffe333
oklch(0.91 0.178 99)
| Step | Hex | OKLCH | vs White | vs Black | |
|---|---|---|---|---|---|
| Base |
#ffe333
|
oklch(0.91 0.178 99)
|
|
|
|
| 95 |
#fcf3bc
|
oklch(0.96 0.071 99)
|
|
|
|
| 90 |
#f4e79a
|
oklch(0.92 0.098 99)
|
|
|
|
| 80 |
#deca5a
|
oklch(0.83 0.133 99)
|
|
|
|
| 70 |
#c6af00
|
oklch(0.75 0.156 99)
|
|
|
|
| 60 |
#aa9500
|
oklch(0.67 0.139 99)
|
|
|
|
| 50 |
#867500
|
oklch(0.56 0.117 99)
|
|
|
|
| 40 |
#665900
|
oklch(0.46 0.096 99)
|
|
|
|
| 30 |
#504600
|
oklch(0.39 0.081 99)
|
|
|
|
| 20 |
#3b3300
|
oklch(0.32 0.066 99)
|
|
|
|
| 10 |
#231e00
|
oklch(0.23 0.049 99)
|
|
|
|
| 05 |
#161200
|
oklch(0.18 0.039 99)
|
|
|
Component Preview
Buttons
Badges
Progress & Controls