Color Palette Generator

Generate an 11-step Tailwind-style palette in OKLCH with APCA contrast scores.

L: 0.62C: 0.188H: 260°

primary · light

AaLc 101
Copied
50
#ecf8ffoklch(0.9715 0.0159 259.8)
AaLc 96
Copied
100
#e4efffoklch(0.9491 0.0246 259.8)
AaLc 88
Copied
200
#d3dff1oklch(0.9000 0.0282 259.8)
AaLc 75
Copied
300
#b7c7e0oklch(0.8250 0.0400 259.8)
AaLc 56
Copied
400
#62a3ffoklch(0.7124 0.1512 259.8)
AaLc 70
Copied
500
#347beeoklch(0.6000 0.1880 259.8)
AaLc 84
Copied
600
#0c58c8oklch(0.4900 0.1880 259.8)
AaLc 94
Copied
700
#0038a6oklch(0.3936 0.1848 259.8)
AaLc 102
Copied
800
#002264oklch(0.2814 0.1232 259.8)
AaLc 106
Copied
900
#061227oklch(0.1850 0.0470 259.8)
AaLc 107
Copied
950
#00061aoklch(0.1300 0.0470 259.8)

neutral · light

AaLc 101
Copied
50
#f5f7f9oklch(0.9750 0.0034 259.8)
AaLc 97
Copied
100
#edeef1oklch(0.9500 0.0034 259.8)
AaLc 88
Copied
200
#dddee0oklch(0.9000 0.0034 259.8)
AaLc 75
Copied
300
#c4c6c9oklch(0.8250 0.0048 259.8)
AaLc 58
Copied
400
#9da5b3oklch(0.7200 0.0216 259.8)
AaLc 69
Copied
500
#78818eoklch(0.6000 0.0226 259.8)
AaLc 83
Copied
600
#59616eoklch(0.4900 0.0226 259.8)
AaLc 93
Copied
700
#3e4551oklch(0.3900 0.0226 259.8)
AaLc 102
Copied
800
#252930oklch(0.2800 0.0149 259.8)
AaLc 106
Copied
900
#111315oklch(0.1850 0.0056 259.8)
AaLc 107
Copied
950
#060709oklch(0.1300 0.0056 259.8)

primary · dark

AaLc 108
Copied
50
#000002oklch(0.0404 0.0259 259.8)
AaLc 108
Copied
100
#000007oklch(0.0587 0.0407 259.8)
AaLc 108
Copied
200
#000212oklch(0.1008 0.0462 259.8)
AaLc 106
Copied
300
#041025oklch(0.1750 0.0470 259.8)
AaLc 102
Copied
400
#002264oklch(0.2814 0.1232 259.8)
AaLc 93
Copied
500
#003baaoklch(0.4032 0.1852 259.8)
AaLc 82
Copied
600
#155ecfoklch(0.5100 0.1880 259.8)
AaLc 69
Copied
700
#377ef1oklch(0.6100 0.1880 259.8)
AaLc 56
Copied
800
#62a3ffoklch(0.7124 0.1512 259.8)
AaLc 73
Copied
900
#b0c4e4oklch(0.8150 0.0502 259.8)
AaLc 82
Copied
950
#cad5e7oklch(0.8700 0.0282 259.8)

neutral · dark

AaLc 108
Copied
50
#000000oklch(0.0250 0.0056 259.8)
AaLc 108
Copied
100
#000001oklch(0.0500 0.0056 259.8)
AaLc 108
Copied
200
#030305oklch(0.1000 0.0056 259.8)
AaLc 106
Copied
300
#0f1113oklch(0.1750 0.0056 259.8)
AaLc 102
Copied
400
#252930oklch(0.2800 0.0149 259.8)
AaLc 92
Copied
500
#414854oklch(0.4000 0.0226 259.8)
AaLc 81
Copied
600
#5f6773oklch(0.5100 0.0226 259.8)
AaLc 68
Copied
700
#7b8491oklch(0.6100 0.0226 259.8)
AaLc 58
Copied
800
#9da5b3oklch(0.7200 0.0216 259.8)
AaLc 73
Copied
900
#c0c3c6oklch(0.8150 0.0060 259.8)
AaLc 82
Copied
950
#d3d4d6oklch(0.8700 0.0034 259.8)