Skip to the color picker
Pick
Shade
Picker
Palettes
From image
Colors
Convert
Contrast
Gradient
Tailwind
Search
Ctrl K
English
Picker
Palettes
From image
Colors
Convert
Contrast
Gradient
Tailwind
All Tailwind colors
Tailwind taupe color palette
All eleven taupe shades from Tailwind CSS v4.3.3 with OKLCH, HEX and RGB values and text contrast.
Copy @theme block
Shade
Class
OKLCH
HEX
RGB
White text
Black text
50
taupe-50
oklch(98.6% 0.002 67.8)
#fbfaf9
rgb(251 250 249)
1.04
20.17
100
taupe-100
oklch(96% 0.002 17.2)
#f3f1f1
rgb(243 241 241)
1.12
18.68
200
taupe-200
oklch(92.2% 0.005 34.3)
#e8e4e3
rgb(232 228 227)
1.26
16.65
300
taupe-300
oklch(86.8% 0.007 39.5)
#d8d2d0
rgb(216 210 208)
1.49
14.05
400
taupe-400
oklch(71.4% 0.014 41.2)
#aba09c
rgb(171 160 156)
2.55
8.24
500
taupe-500
oklch(54.7% 0.021 43.1)
#7c6d67
rgb(124 109 103)
4.95
4.24
600
taupe-600
oklch(43.8% 0.017 39.3)
#5b4f4b
rgb(91 79 75)
7.89
2.66
700
taupe-700
oklch(36.7% 0.016 35.7)
#473c39
rgb(71 60 57)
10.63
1.98
800
taupe-800
oklch(26.8% 0.011 36.5)
#2b2422
rgb(43 36 34)
15.21
1.38
900
taupe-900
oklch(21.4% 0.009 43.1)
#1d1816
rgb(29 24 22)
17.59
1.19
950
taupe-950
oklch(14.7% 0.004 49.3)
#0c0a09
rgb(12 10 9)
19.75
1.06