Color | ESO Weave | ShruggieTech

HEX is the canonical screen reference. Open one row for derived formats and print guidance.

Dark palette

Backgroundbackground#0E1116

See more color values

RGB: rgb(14 17 22)
HSL: hsl(217.5 22.2% 7.1%)
OKLCH: oklch(0.1767 0.0114 260.6)
Lab D50: lab(4.95% -0.26 -3.42)

CMYK: output profile required

ForegroundforegroundAlso: card-foreground, popover-foreground, secondary-foreground, accent-foreground, sidebar-foreground, sidebar-accent-foreground#FFFFFF

See more color values

RGB: rgb(255 255 255)
HSL: hsl(0.0 0.0% 100.0%)
OKLCH: oklch(1.0000 0.0000 0.0)
Lab D50: lab(100.00% 0.00 0.00)

CMYK: output profile required

Cardcard#171C24

See more color values

RGB: rgb(23 28 36)
HSL: hsl(216.9 22.0% 11.6%)
OKLCH: oklch(0.2250 0.0174 259.7)
Lab D50: lab(10.03% -0.57 -6.32)

CMYK: output profile required

PopoverpopoverAlso: sidebar#0A0D12

See more color values

RGB: rgb(10 13 18)
HSL: hsl(217.5 28.6% 5.5%)
OKLCH: oklch(0.1582 0.0118 260.6)
Lab D50: lab(3.55% -0.19 -2.85)

CMYK: output profile required

PrimaryprimaryAlso: ring, sidebar-primary, sidebar-ring, brand-emphasis#2DD4BF

See more color values

RGB: rgb(45 212 191)
HSL: hsl(172.5 66.0% 50.4%)
OKLCH: oklch(0.7845 0.1325 181.9)
Lab D50: lab(76.64% -46.24 -2.00)

CMYK: output profile required

Primary Foregroundprimary-foregroundAlso: sidebar-primary-foreground#000000

See more color values

RGB: rgb(0 0 0)
HSL: hsl(0.0 0.0% 0.0%)
OKLCH: oklch(0.0000 0.0000 0.0)
Lab D50: lab(0.00% 0.00 0.00)

CMYK: output profile required

SecondarysecondaryAlso: muted#1D2430

See more color values

RGB: rgb(29 36 48)
HSL: hsl(217.9 24.7% 15.1%)
OKLCH: oklch(0.2591 0.0249 261.1)
Lab D50: lab(13.93% -0.46 -9.03)

CMYK: output profile required

Muted Foregroundmuted-foreground#9A9A9A

See more color values

RGB: rgb(154 154 154)
HSL: hsl(0.0 0.0% 60.4%)
OKLCH: oklch(0.6862 0.0000 0.0)
Lab D50: lab(63.60% 0.00 0.00)

CMYK: output profile required

AccentaccentAlso: sidebar-accent#252E3B

See more color values

RGB: rgb(37 46 59)
HSL: hsl(215.5 22.9% 18.8%)
OKLCH: oklch(0.2985 0.0268 257.5)
Lab D50: lab(18.52% -1.11 -9.66)

CMYK: output profile required

Destructivedestructive#E9505F

See more color values

RGB: rgb(233 80 95)
HSL: hsl(354.1 77.7% 61.4%)
OKLCH: oklch(0.6437 0.1882 18.6)
Lab D50: lab(56.66% 60.52 26.02)

CMYK: output profile required

BorderborderAlso: input, sidebar-border#262626

See more color values

RGB: rgb(38 38 38)
HSL: hsl(0.0 0.0% 14.9%)
OKLCH: oklch(0.2686 0.0000 0.0)
Lab D50: lab(15.16% -0.00 0.00)

CMYK: output profile required

Chart 1chart-1#00B09E

See more color values

RGB: rgb(0 176 158)
HSL: hsl(173.9 100.0% 34.5%)
OKLCH: oklch(0.6795 0.1216 182.2)
Lab D50: lab(64.32% -42.48 -2.06)

CMYK: output profile required

Chart 2chart-2#7FA752

See more color values

RGB: rgb(127 167 82)
HSL: hsl(88.2 34.1% 48.8%)
OKLCH: oklch(0.6796 0.1224 129.9)
Lab D50: lab(64.11% -25.02 38.91)

CMYK: output profile required

Chart 3chart-3#38A4D8

See more color values

RGB: rgb(56 164 216)
HSL: hsl(199.5 67.2% 53.3%)
OKLCH: oklch(0.6805 0.1224 233.9)
Lab D50: lab(63.06% -18.38 -35.93)

CMYK: output profile required

Chart 4chart-4#C18E33

See more color values

RGB: rgb(193 142 51)
HSL: hsl(38.5 58.2% 47.8%)
OKLCH: oklch(0.6802 0.1215 78.2)
Lab D50: lab(62.89% 13.69 53.80)

CMYK: output profile required

Chart 5chart-5#928CE0

See more color values

RGB: rgb(146 140 224)
HSL: hsl(244.3 57.5% 71.4%)
OKLCH: oklch(0.6796 0.1223 285.9)
Lab D50: lab(61.41% 17.14 -42.48)

CMYK: output profile required

Brand Accent Deepbrand-accent-deep#F2B03C

See more color values

RGB: rgb(242 176 60)
HSL: hsl(38.2 87.5% 59.2%)
OKLCH: oklch(0.8002 0.1471 77.3)
Lab D50: lab(76.77% 17.49 65.55)

CMYK: output profile required

Brand Ctabrand-cta#986000

See more color values

RGB: rgb(152 96 0)
HSL: hsl(37.9 100.0% 29.8%)
OKLCH: oklch(0.5379 0.1163 70.3)
Lab D50: lab(46.14% 18.95 53.71)

CMYK: output profile required

Light palette

Backgroundbackground#F8F8F6

See more color values

RGB: rgb(248 248 246)
HSL: hsl(60.0 12.5% 96.9%)
OKLCH: oklch(0.9786 0.0026 106.4)
Lab D50: lab(97.54% -0.26 0.96)

CMYK: output profile required

ForegroundforegroundAlso: card-foreground, popover-foreground, secondary-foreground, accent-foreground, sidebar-foreground, sidebar-accent-foreground#0A0A0A

See more color values

RGB: rgb(10 10 10)
HSL: hsl(0.0 0.0% 3.9%)
OKLCH: oklch(0.1448 0.0000 0.0)
Lab D50: lab(2.74% 0.00 0.00)

CMYK: output profile required

CardcardAlso: popover, primary-foreground, sidebar, sidebar-primary-foreground#FFFFFF

See more color values

RGB: rgb(255 255 255)
HSL: hsl(0.0 0.0% 100.0%)
OKLCH: oklch(1.0000 0.0000 0.0)
Lab D50: lab(100.00% 0.00 0.00)

CMYK: output profile required

PrimaryprimaryAlso: ring, chart-1, sidebar-primary, sidebar-ring, brand-emphasis, brand-cta#986000

See more color values

RGB: rgb(152 96 0)
HSL: hsl(37.9 100.0% 29.8%)
OKLCH: oklch(0.5379 0.1163 70.3)
Lab D50: lab(46.14% 18.95 53.71)

CMYK: output profile required

SecondarysecondaryAlso: muted, accent, sidebar-accent#F0EFED

See more color values

RGB: rgb(240 239 237)
HSL: hsl(40.0 9.1% 93.5%)
OKLCH: oklch(0.9523 0.0029 84.6)
Lab D50: lab(94.48% 0.08 1.09)

CMYK: output profile required

Muted Foregroundmuted-foreground#6B6B6B

See more color values

RGB: rgb(107 107 107)
HSL: hsl(0.0 0.0% 42.0%)
OKLCH: oklch(0.5278 0.0000 0.0)
Lab D50: lab(45.22% 0.00 0.00)

CMYK: output profile required

Destructivedestructive#C0293A

See more color values

RGB: rgb(192 41 58)
HSL: hsl(353.2 64.8% 45.7%)
OKLCH: oklch(0.5308 0.1857 20.9)
Lab D50: lab(43.62% 59.48 30.04)

CMYK: output profile required

BorderborderAlso: input, sidebar-border#E5E5E5

See more color values

RGB: rgb(229 229 229)
HSL: hsl(0.0 0.0% 89.8%)
OKLCH: oklch(0.9219 0.0000 0.0)
Lab D50: lab(90.94% 0.00 0.00)

CMYK: output profile required

Chart 2chart-2#A35256

See more color values

RGB: rgb(163 82 86)
HSL: hsl(357.0 33.1% 48.0%)
OKLCH: oklch(0.5383 0.1070 18.2)
Lab D50: lab(45.31% 34.42 13.92)

CMYK: output profile required

Chart 3chart-3#637829

See more color values

RGB: rgb(99 120 41)
HSL: hsl(75.9 49.1% 31.6%)
OKLCH: oklch(0.5387 0.1076 122.7)
Lab D50: lab(47.46% -17.22 39.14)

CMYK: output profile required

Chart 4chart-4#8E578F

See more color values

RGB: rgb(142 87 143)
HSL: hsl(298.9 24.3% 45.1%)
OKLCH: oklch(0.5389 0.1063 326.3)
Lab D50: lab(44.96% 30.18 -21.47)

CMYK: output profile required

Chart 5chart-5#00816A

See more color values

RGB: rgb(0 129 106)
HSL: hsl(169.3 100.0% 25.3%)
OKLCH: oklch(0.5383 0.1021 174.4)
Lab D50: lab(47.77% -35.96 3.54)

CMYK: output profile required

Brand Accent Deepbrand-accent-deep#F2B03C

See more color values

RGB: rgb(242 176 60)
HSL: hsl(38.2 87.5% 59.2%)
OKLCH: oklch(0.8002 0.1471 77.3)
Lab D50: lab(76.77% 17.49 65.55)

CMYK: output profile required

ESO Weave is an independent third-party project and is not affiliated with, endorsed by, maintained by, or supported by ZeniMax Online Studios, ZeniMax Media Inc., Bethesda Softworks, or Microsoft. The Elder Scrolls and related marks are property of ZeniMax Media Inc. Users are responsible for applicable terms and consequences.

Dark palette

Light palette

On this page