Colors
aubergine
main (≈720)
#401834hover (≈770)
#320b27active (≈820)
#25011bactive.hover (≈860)
#18001020
#f9f8f950
#f1edef100
#e3dbe0150
#d5cad1200
#c7b9c2300
#ac97a4400
#927788500
#78586c600
#5e3a52700
#451d39800
#2a0420plommon
main (≈540)
#873b52hover (≈590)
#772d45active (≈640)
#681e37active.hover (≈690)
#580f2b20
#fbf7f850
#f5ecee100
#ead9dd150
#e0c6cc200
#d5b4bb300
#bf8f9b400
#a86c7b500
#91495e600
#742a42700
#550b28800
#370011nougat
main (≈470)
#8b6051hover (≈520)
#7c5243active (≈570)
#6d4436active.hover (≈620)
#5e372920
#faf8f750
#f3edeb100
#e6dbd8150
#dacac4200
#cdb9b1300
#b5978c400
#9c7669500
#825748600
#643c2e700
#472215800
#2c0900ek
main (≈240)
#d3a973hover (≈190)
#ddbb91active (≈140)
#e6cdaeactive.hover (≈90)
#efdfcb20
#fbf8f350
#f6ede2100
#eddbc4150
#e4c9a7200
#dab78a300
#bf9660400
#a07843500
#815b24600
#633f00700
#472400800
#2c0b00mynta
main (≈205)
#9bc7b5hover (≈105)
#d1e3c6active (≈255)
#9db68cactive.hover (≈205)
#acc69b20
#f5faf850
#e7f1ed100
#cfe4db150
#b7d6c9200
#9ec9b7300
#7ea998400
#618b7a500
#446d5d600
#285142700
#0b3629800
#001d11linblomma
main (≈155)
#bcd6abhover (≈105)
#d1e3c6active (≈255)
#9db68cactive.hover (≈205)
#acc69b20
#f6faf450
#e9f2e4100
#d3e4c8150
#bed7ad200
#adc79d300
#8fa77e400
#718961500
#556b45600
#3a4f2a700
#203410800
#091c00bjork
main (≈50)
#f4efd7hover (≈100)
#e3dec7active (≈150)
#d3ceb7active.hover (≈200)
#c3bea720
#fbf9ef50
#f4efd7100
#e3dec7150
#d3ceb7200
#c3bea7300
#a49f88400
#85816b500
#68644f600
#4c4834700
#322e1b800
#1a1605gray
main (≈50)
#f4efd7hover (≈100)
#e3dec7active (≈150)
#d3ceb7active.hover (≈200)
#c3bea720
#fbf9ef50
#f4efd7100
#e3dec7150
#d3ceb7200
#c3bea7300
#a49f88400
#85816b500
#68644f600
#4c4834700
#322e1b800
#1a1605primary
main (≈720)
#401834hover (≈770)
#320b27active (≈820)
#25011bactive.hover (≈860)
#18001020
#f9f8f950
#f1edef100
#e3dbe0150
#d5cad1200
#c7b9c2300
#ac97a4400
#927788500
#78586c600
#5e3a52700
#451d39800
#2a0420alert
main (≈300)
#f96e20hover (≈350)
#e75e00active (≈400)
#d54d00active.hover (≈450)
#c43c0020
#fff6f250
#ffe9de100
#ffd2bd150
#ffbb9b200
#ffa379300
#f96f23400
#d64e00500
#b32a00600
#910000700
#6e0000800
#4c0000error
main (≈300)
#f96e20hover (≈350)
#e75e00active (≈400)
#d54d00active.hover (≈450)
#c43c0020
#fff6f250
#ffe9de100
#ffd2bd150
#ffbb9b200
#ffa379300
#f96f23400
#d64e00500
#b32a00600
#910000700
#6e0000800
#4c0000warning
main (≈300)
#f96e20hover (≈350)
#e75e00active (≈400)
#d54d00active.hover (≈450)
#c43c0020
#fff6f250
#ffe9de100
#ffd2bd150
#ffbb9b200
#ffa379300
#f96f23400
#d64e00500
#b32a00600
#910000700
#6e0000800
#4c0000success
main (≈50)
#f4efd7hover (≈100)
#e3dec7active (≈150)
#d3ceb7active.hover (≈200)
#c3bea720
#fbf9ef50
#f4efd7100
#e3dec7150
#d3ceb7200
#c3bea7300
#a49f88400
#85816b500
#68644f600
#4c4834700
#322e1b800
#1a1605info
main (≈50)
#f4efd7hover (≈100)
#e3dec7active (≈150)
#d3ceb7active.hover (≈200)
#c3bea720
#fbf9ef50
#f4efd7100
#e3dec7150
#d3ceb7200
#c3bea7300
#a49f88400
#85816b500
#68644f600
#4c4834700
#322e1b800
#1a1605border
main (≈50)
#f4efd7hover (≈150)
#d3ceb7active (≈200)
#c3bea7active.hover (≈250)
#b3ae9820
#fbf9ef50
#f4efd7100
#e3dec7150
#d3ceb7200
#c3bea7300
#a49f88400
#85816b500
#68644f600
#4c4834700
#322e1b800
#1a1605white
main (≈20)
#fbf9efhover (≈70)
#ede8d0active (≈120)
#ddd8c0active.hover (≈170)
#cdc8b120
#fbf9ef50
#f4efd7100
#e3dec7150
#d3ceb7200
#c3bea7300
#a49f88400
#85816b500
#68644f600
#4c4834700
#322e1b800
#1a1605black
main (≈720)
#401834hover (≈770)
#320b27active (≈820)
#25011bactive.hover (≈860)
#18001020
#f9f8f950
#f1edef100
#e3dbe0150
#d5cad1200
#c7b9c2300
#ac97a4400
#927788500
#78586c600
#5e3a52700
#451d39800
#2a0420Contrasts
aubergine
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
aubergine | 1:1 | Fail | Fail |
plommon | 1,99:1 | Fail | Fail |
nougat | 2,78:1 | Fail | Fail |
ek | 6,93:1 | Pass | Pass |
mynta | 8,03:1 | Pass | Pass |
linblomma | 9,54:1 | Pass | Pass |
bjork | 13:1 | Pass | Pass |
gray | 13:1 | Pass | Pass |
primary | 1:1 | Fail | Fail |
alert | 5,21:1 | Pass | Pass |
error | 5,21:1 | Pass | Pass |
warning | 5,21:1 | Pass | Pass |
success | 13:1 | Pass | Pass |
info | 13:1 | Pass | Pass |
border | 11,11:1 | Pass | Pass |
white | 14,23:1 | Pass | Pass |
black | 1:1 | Fail | Fail |
plommon
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
aubergine | 1,99:1 | Fail | Fail |
plommon | 1:1 | Fail | Fail |
nougat | 1,4:1 | Fail | Fail |
ek | 3,49:1 | Fail | Pass |
mynta | 4,04:1 | Fail | Pass |
linblomma | 4,8:1 | Pass | Pass |
bjork | 6,54:1 | Pass | Pass |
gray | 6,54:1 | Pass | Pass |
primary | 1,99:1 | Fail | Fail |
alert | 2,62:1 | Fail | Fail |
error | 2,62:1 | Fail | Fail |
warning | 2,62:1 | Fail | Fail |
success | 6,54:1 | Pass | Pass |
info | 6,54:1 | Pass | Pass |
border | 5,59:1 | Pass | Pass |
white | 7,16:1 | Pass | Pass |
black | 1,99:1 | Fail | Fail |
nougat
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
aubergine | 2,78:1 | Fail | Fail |
plommon | 1,4:1 | Fail | Fail |
nougat | 1:1 | Fail | Fail |
ek | 2,49:1 | Fail | Fail |
mynta | 2,89:1 | Fail | Fail |
linblomma | 3,43:1 | Fail | Pass |
bjork | 4,67:1 | Pass | Pass |
gray | 4,67:1 | Pass | Pass |
primary | 2,78:1 | Fail | Fail |
alert | 1,87:1 | Fail | Fail |
error | 1,87:1 | Fail | Fail |
warning | 1,87:1 | Fail | Fail |
success | 4,67:1 | Pass | Pass |
info | 4,67:1 | Pass | Pass |
border | 3,99:1 | Fail | Pass |
white | 5,12:1 | Pass | Pass |
black | 2,78:1 | Fail | Fail |
ek
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
aubergine | 6,93:1 | Pass | Pass |
plommon | 3,49:1 | Fail | Pass |
nougat | 2,49:1 | Fail | Fail |
ek | 1:1 | Fail | Fail |
mynta | 1,16:1 | Fail | Fail |
linblomma | 1,38:1 | Fail | Fail |
bjork | 1,88:1 | Fail | Fail |
gray | 1,88:1 | Fail | Fail |
primary | 6,93:1 | Pass | Pass |
alert | 1,33:1 | Fail | Fail |
error | 1,33:1 | Fail | Fail |
warning | 1,33:1 | Fail | Fail |
success | 1,88:1 | Fail | Fail |
info | 1,88:1 | Fail | Fail |
border | 1,6:1 | Fail | Fail |
white | 2,05:1 | Fail | Fail |
black | 6,93:1 | Pass | Pass |
mynta
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
aubergine | 8,03:1 | Pass | Pass |
plommon | 4,04:1 | Fail | Pass |
nougat | 2,89:1 | Fail | Fail |
ek | 1,16:1 | Fail | Fail |
mynta | 1:1 | Fail | Fail |
linblomma | 1,19:1 | Fail | Fail |
bjork | 1,62:1 | Fail | Fail |
gray | 1,62:1 | Fail | Fail |
primary | 8,03:1 | Pass | Pass |
alert | 1,54:1 | Fail | Fail |
error | 1,54:1 | Fail | Fail |
warning | 1,54:1 | Fail | Fail |
success | 1,62:1 | Fail | Fail |
info | 1,62:1 | Fail | Fail |
border | 1,38:1 | Fail | Fail |
white | 1,77:1 | Fail | Fail |
black | 8,03:1 | Pass | Pass |
linblomma
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
aubergine | 9,54:1 | Pass | Pass |
plommon | 4,8:1 | Pass | Pass |
nougat | 3,43:1 | Fail | Pass |
ek | 1,38:1 | Fail | Fail |
mynta | 1,19:1 | Fail | Fail |
linblomma | 1:1 | Fail | Fail |
bjork | 1,36:1 | Fail | Fail |
gray | 1,36:1 | Fail | Fail |
primary | 9,54:1 | Pass | Pass |
alert | 1,83:1 | Fail | Fail |
error | 1,83:1 | Fail | Fail |
warning | 1,83:1 | Fail | Fail |
success | 1,36:1 | Fail | Fail |
info | 1,36:1 | Fail | Fail |
border | 1,16:1 | Fail | Fail |
white | 1,49:1 | Fail | Fail |
black | 9,54:1 | Pass | Pass |
bjork
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
aubergine | 13:1 | Pass | Pass |
plommon | 6,54:1 | Pass | Pass |
nougat | 4,67:1 | Pass | Pass |
ek | 1,88:1 | Fail | Fail |
mynta | 1,62:1 | Fail | Fail |
linblomma | 1,36:1 | Fail | Fail |
bjork | 1:1 | Fail | Fail |
gray | 1:1 | Fail | Fail |
primary | 13:1 | Pass | Pass |
alert | 2,5:1 | Fail | Fail |
error | 2,5:1 | Fail | Fail |
warning | 2,5:1 | Fail | Fail |
success | 1:1 | Fail | Fail |
info | 1:1 | Fail | Fail |
border | 1,17:1 | Fail | Fail |
white | 1,09:1 | Fail | Fail |
black | 13:1 | Pass | Pass |
gray
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
aubergine | 13:1 | Pass | Pass |
plommon | 6,54:1 | Pass | Pass |
nougat | 4,67:1 | Pass | Pass |
ek | 1,88:1 | Fail | Fail |
mynta | 1,62:1 | Fail | Fail |
linblomma | 1,36:1 | Fail | Fail |
bjork | 1:1 | Fail | Fail |
gray | 1:1 | Fail | Fail |
primary | 13:1 | Pass | Pass |
alert | 2,5:1 | Fail | Fail |
error | 2,5:1 | Fail | Fail |
warning | 2,5:1 | Fail | Fail |
success | 1:1 | Fail | Fail |
info | 1:1 | Fail | Fail |
border | 1,17:1 | Fail | Fail |
white | 1,09:1 | Fail | Fail |
black | 13:1 | Pass | Pass |
primary
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
aubergine | 1:1 | Fail | Fail |
plommon | 1,99:1 | Fail | Fail |
nougat | 2,78:1 | Fail | Fail |
ek | 6,93:1 | Pass | Pass |
mynta | 8,03:1 | Pass | Pass |
linblomma | 9,54:1 | Pass | Pass |
bjork | 13:1 | Pass | Pass |
gray | 13:1 | Pass | Pass |
primary | 1:1 | Fail | Fail |
alert | 5,21:1 | Pass | Pass |
error | 5,21:1 | Pass | Pass |
warning | 5,21:1 | Pass | Pass |
success | 13:1 | Pass | Pass |
info | 13:1 | Pass | Pass |
border | 11,11:1 | Pass | Pass |
white | 14,23:1 | Pass | Pass |
black | 1:1 | Fail | Fail |
alert
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
aubergine | 5,21:1 | Pass | Pass |
plommon | 2,62:1 | Fail | Fail |
nougat | 1,87:1 | Fail | Fail |
ek | 1,33:1 | Fail | Fail |
mynta | 1,54:1 | Fail | Fail |
linblomma | 1,83:1 | Fail | Fail |
bjork | 2,5:1 | Fail | Fail |
gray | 2,5:1 | Fail | Fail |
primary | 5,21:1 | Pass | Pass |
alert | 1:1 | Fail | Fail |
error | 1:1 | Fail | Fail |
warning | 1:1 | Fail | Fail |
success | 2,5:1 | Fail | Fail |
info | 2,5:1 | Fail | Fail |
border | 2,13:1 | Fail | Fail |
white | 2,73:1 | Fail | Fail |
black | 5,21:1 | Pass | Pass |
error
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
aubergine | 5,21:1 | Pass | Pass |
plommon | 2,62:1 | Fail | Fail |
nougat | 1,87:1 | Fail | Fail |
ek | 1,33:1 | Fail | Fail |
mynta | 1,54:1 | Fail | Fail |
linblomma | 1,83:1 | Fail | Fail |
bjork | 2,5:1 | Fail | Fail |
gray | 2,5:1 | Fail | Fail |
primary | 5,21:1 | Pass | Pass |
alert | 1:1 | Fail | Fail |
error | 1:1 | Fail | Fail |
warning | 1:1 | Fail | Fail |
success | 2,5:1 | Fail | Fail |
info | 2,5:1 | Fail | Fail |
border | 2,13:1 | Fail | Fail |
white | 2,73:1 | Fail | Fail |
black | 5,21:1 | Pass | Pass |
warning
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
aubergine | 5,21:1 | Pass | Pass |
plommon | 2,62:1 | Fail | Fail |
nougat | 1,87:1 | Fail | Fail |
ek | 1,33:1 | Fail | Fail |
mynta | 1,54:1 | Fail | Fail |
linblomma | 1,83:1 | Fail | Fail |
bjork | 2,5:1 | Fail | Fail |
gray | 2,5:1 | Fail | Fail |
primary | 5,21:1 | Pass | Pass |
alert | 1:1 | Fail | Fail |
error | 1:1 | Fail | Fail |
warning | 1:1 | Fail | Fail |
success | 2,5:1 | Fail | Fail |
info | 2,5:1 | Fail | Fail |
border | 2,13:1 | Fail | Fail |
white | 2,73:1 | Fail | Fail |
black | 5,21:1 | Pass | Pass |
success
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
aubergine | 13:1 | Pass | Pass |
plommon | 6,54:1 | Pass | Pass |
nougat | 4,67:1 | Pass | Pass |
ek | 1,88:1 | Fail | Fail |
mynta | 1,62:1 | Fail | Fail |
linblomma | 1,36:1 | Fail | Fail |
bjork | 1:1 | Fail | Fail |
gray | 1:1 | Fail | Fail |
primary | 13:1 | Pass | Pass |
alert | 2,5:1 | Fail | Fail |
error | 2,5:1 | Fail | Fail |
warning | 2,5:1 | Fail | Fail |
success | 1:1 | Fail | Fail |
info | 1:1 | Fail | Fail |
border | 1,17:1 | Fail | Fail |
white | 1,09:1 | Fail | Fail |
black | 13:1 | Pass | Pass |
info
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
aubergine | 13:1 | Pass | Pass |
plommon | 6,54:1 | Pass | Pass |
nougat | 4,67:1 | Pass | Pass |
ek | 1,88:1 | Fail | Fail |
mynta | 1,62:1 | Fail | Fail |
linblomma | 1,36:1 | Fail | Fail |
bjork | 1:1 | Fail | Fail |
gray | 1:1 | Fail | Fail |
primary | 13:1 | Pass | Pass |
alert | 2,5:1 | Fail | Fail |
error | 2,5:1 | Fail | Fail |
warning | 2,5:1 | Fail | Fail |
success | 1:1 | Fail | Fail |
info | 1:1 | Fail | Fail |
border | 1,17:1 | Fail | Fail |
white | 1,09:1 | Fail | Fail |
black | 13:1 | Pass | Pass |
border
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
aubergine | 11,11:1 | Pass | Pass |
plommon | 5,59:1 | Pass | Pass |
nougat | 3,99:1 | Fail | Pass |
ek | 1,6:1 | Fail | Fail |
mynta | 1,38:1 | Fail | Fail |
linblomma | 1,16:1 | Fail | Fail |
bjork | 1,17:1 | Fail | Fail |
gray | 1,17:1 | Fail | Fail |
primary | 11,11:1 | Pass | Pass |
alert | 2,13:1 | Fail | Fail |
error | 2,13:1 | Fail | Fail |
warning | 2,13:1 | Fail | Fail |
success | 1,17:1 | Fail | Fail |
info | 1,17:1 | Fail | Fail |
border | 1:1 | Fail | Fail |
white | 1,28:1 | Fail | Fail |
black | 11,11:1 | Pass | Pass |
white
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
aubergine | 14,23:1 | Pass | Pass |
plommon | 7,16:1 | Pass | Pass |
nougat | 5,12:1 | Pass | Pass |
ek | 2,05:1 | Fail | Fail |
mynta | 1,77:1 | Fail | Fail |
linblomma | 1,49:1 | Fail | Fail |
bjork | 1,09:1 | Fail | Fail |
gray | 1,09:1 | Fail | Fail |
primary | 14,23:1 | Pass | Pass |
alert | 2,73:1 | Fail | Fail |
error | 2,73:1 | Fail | Fail |
warning | 2,73:1 | Fail | Fail |
success | 1,09:1 | Fail | Fail |
info | 1,09:1 | Fail | Fail |
border | 1,28:1 | Fail | Fail |
white | 1:1 | Fail | Fail |
black | 14,23:1 | Pass | Pass |
black
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
aubergine | 1:1 | Fail | Fail |
plommon | 1,99:1 | Fail | Fail |
nougat | 2,78:1 | Fail | Fail |
ek | 6,93:1 | Pass | Pass |
mynta | 8,03:1 | Pass | Pass |
linblomma | 9,54:1 | Pass | Pass |
bjork | 13:1 | Pass | Pass |
gray | 13:1 | Pass | Pass |
primary | 1:1 | Fail | Fail |
alert | 5,21:1 | Pass | Pass |
error | 5,21:1 | Pass | Pass |
warning | 5,21:1 | Pass | Pass |
success | 13:1 | Pass | Pass |
info | 13:1 | Pass | Pass |
border | 11,11:1 | Pass | Pass |
white | 14,23:1 | Pass | Pass |
black | 1:1 | Fail | Fail |