Semrush color design system
Explore the Semrush color design system with ease. View and copy each color's code in multiple formats: HEX, RGB, HSL, OKLCH, CMYK, CIELAB, and HSV. Simply select a color and copy its code to your clipboard.
Gray
#f4f5f9
#e0e1e9
#c4c7cf
#a9abb6
#8a8e9b
#6c6e79
#484a54
#2b2e38
#191b23
#000000
Red
#fff0f7
#ffd7df
#ffaeb5
#ff8786
#ff4953
#d1002f
#8e0016
#58000a
#410101
#ff788f
Orange
#fff3d9
#ffdca2
#ffb26e
#ff8c43
#ff642d
#c33909
#8b1500
#551200
#351000
#ff9400
Yellow
#fdf7c8
#fce081
#fdc23c
#ef9800
#d87900
#a75800
#743a00
#462500
#2c1600
#ffe84d
Salad
#ecfbcd
#c7ee96
#9bd85d
#66c030
#35a21e
#0a7e22
#005613
#003509
#002203
#c7fa73
Green
#dbfee8
#9ef2c9
#59ddaa
#00bc98
#009f81
#007c65
#055345
#00342d
#00201e
#45e0a8
Blue
#e9f7ff
#c4e5fe
#8ecdff
#2bb3ff
#008ff8
#006dca
#044792
#002b5f
#001b3d
#6edbff
Violet
#f9f2ff
#edd9ff
#dcb8ff
#c695ff
#ab6cfe
#8649e1
#5925ab
#421983
#220358
#b880ff
Pink
#fff0ff
#ffd3ff
#ffa9fa
#f67cf2
#e14adf
#b229b9
#7d0480
#4d0050
#340439
#ff7ad1