Bronze and ochre text palette

Vivid analogous brown to mustard color palette

The Bronze and ochre text palette brings together orange and gold. The colors span a narrow lightness range, combining strong color with gentle contrast. Angular gradient, 32 colors at 180°: #8d4a00, #995700, #aa6b00, #b98100, #c59700. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#8d4a00
#8e4b00
#8f4c00
#904e00
#924f00
#945100
#965300
#975500
#995700
#9c5a00
#9e5c00
#a05f00
#a26100
#a46400
#a66600
#a86900
#aa6b00
#ac6e00
#ae7100
#b07400
#b27700
#b47b00
#b77e00
#b98100
#bb8500
#bd8800
#be8b00
#c08e00
#c19100
#c39400
#c49600
#c59700

CSS

background: conic-gradient(from 180deg in oklch, oklch(48.03% 0.1155 57.60) 0.0%, oklch(48.39% 0.1158 58.01) 3.2%, oklch(48.80% 0.1162 58.49) 6.5%, oklch(49.28% 0.1167 59.03) 9.7%, oklch(49.82% 0.1173 59.63) 12.9%, oklch(50.40% 0.1179 60.28) 16.1%, oklch(51.02% 0.1185 60.97) 19.4%, oklch(51.68% 0.1192 61.72) 22.6%, oklch(52.37% 0.1200 62.50) 25.8%, oklch(53.08% 0.1207 63.32) 29.0%, oklch(53.81% 0.1215 64.18) 32.3%, oklch(54.55% 0.1223 65.06) 35.5%, oklch(55.30% 0.1231 65.96) 38.7%, oklch(56.05% 0.1240 66.89) 41.9%, oklch(56.79% 0.1248 67.83) 45.2%, oklch(57.52% 0.1256 68.77) 48.4%, oklch(58.24% 0.1264 69.75) 51.6%, oklch(59.01% 0.1272 70.82) 54.8%, oklch(59.84% 0.1281 71.99) 58.1%, oklch(60.71% 0.1292 73.24) 61.3%, oklch(61.61% 0.1302 74.55) 64.5%, oklch(62.53% 0.1314 75.90) 67.7%, oklch(63.45% 0.1326 77.26) 71.0%, oklch(64.37% 0.1339 78.63) 74.2%, oklch(65.26% 0.1352 79.98) 77.4%, oklch(66.13% 0.1365 81.29) 80.6%, oklch(66.96% 0.1378 82.54) 83.9%, oklch(67.74% 0.1391 83.72) 87.1%, oklch(68.45% 0.1403 84.79) 90.3%, oklch(69.08% 0.1415 85.75) 93.5%, oklch(69.63% 0.1425 86.57) 96.8%, oklch(70.08% 0.1433 87.23) 100.0%);

In these collections

Text gradients