CovarityBrand guidelines

Covarity guidelines

Color

Canonical palette values and semantic roles.

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

Dark palette

Backgroundbackground#0A0910
See more color values
RGB
rgb(10 9 16)
HSL
hsl(248.6 28.0% 4.9%)
OKLCH
oklch(0.1448 0.0152 291.1)
Lab D50
lab(2.66% 1.11 -2.97)

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#13111D
See more color values
RGB
rgb(19 17 29)
HSL
hsl(250.0 26.1% 9.0%)
OKLCH
oklch(0.1863 0.0243 291.5)
Lab D50
lab(5.61% 3.09 -7.76)

CMYK: output profile required

PopoverpopoverAlso: sidebar#08070D
See more color values
RGB
rgb(8 7 13)
HSL
hsl(250.0 30.0% 3.9%)
OKLCH
oklch(0.1335 0.0139 293.0)
Lab D50
lab(2.08% 0.92 -2.28)

CMYK: output profile required

PrimaryprimaryAlso: ring, sidebar-primary, sidebar-ring#C659FF
See more color values
RGB
rgb(198 89 255)
HSL
hsl(279.4 100.0% 67.5%)
OKLCH
oklch(0.6713 0.2436 311.8)
Lab D50
lab(57.84% 63.09 -64.84)

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#15131E
See more color values
RGB
rgb(21 19 30)
HSL
hsl(250.9 22.4% 9.6%)
OKLCH
oklch(0.1946 0.0221 292.6)
Lab D50
lab(6.44% 3.09 -7.27)

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#1A1824
See more color values
RGB
rgb(26 24 36)
HSL
hsl(250.0 20.0% 11.8%)
OKLCH
oklch(0.2171 0.0234 292.0)
Lab D50
lab(8.92% 3.57 -7.97)

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#C75FFF
See more color values
RGB
rgb(199 95 255)
HSL
hsl(279.0 100.0% 68.6%)
OKLCH
oklch(0.6794 0.2362 311.7)
Lab D50
lab(58.95% 60.76 -63.05)

CMYK: output profile required

Chart 2chart-2#4499FF
See more color values
RGB
rgb(68 153 255)
HSL
hsl(212.7 100.0% 63.3%)
OKLCH
oklch(0.6802 0.1717 254.9)
Lab D50
lab(61.81% -0.04 -59.22)

CMYK: output profile required

Chart 3chart-3#00ADB3
See more color values
RGB
rgb(0 173 179)
HSL
hsl(182.0 100.0% 35.1%)
OKLCH
oklch(0.6791 0.1155 199.2)
Lab D50
lab(63.91% -36.42 -14.26)

CMYK: output profile required

Chart 4chart-4#22B80C
See more color values
RGB
rgb(34 184 12)
HSL
hsl(112.3 87.8% 38.4%)
OKLCH
oklch(0.6813 0.2245 141.8)
Lab D50
lab(65.55% -59.47 62.36)

CMYK: output profile required

Chart 5chart-5#BE9000
See more color values
RGB
rgb(190 144 0)
HSL
hsl(45.5 100.0% 37.3%)
OKLCH
oklch(0.6786 0.1389 85.7)
Lab D50
lab(62.89% 10.40 66.76)

CMYK: output profile required

Brand Accent Deepbrand-accent-deep#BF36FF
See more color values
RGB
rgb(191 54 255)
HSL
hsl(280.9 100.0% 60.6%)
OKLCH
oklch(0.6302 0.2785 311.7)
Lab D50
lab(52.17% 74.16 -74.02)

CMYK: output profile required

Brand Emphasisbrand-emphasis#FF5300
See more color values
RGB
rgb(255 83 0)
HSL
hsl(19.5 100.0% 50.0%)
OKLCH
oklch(0.6738 0.2190 38.3)
Lab D50
lab(60.29% 64.46 71.50)

CMYK: output profile required

Brand Ctabrand-cta#C24000
See more color values
RGB
rgb(194 64 0)
HSL
hsl(19.8 100.0% 38.0%)
OKLCH
oklch(0.5519 0.1759 39.3)
Lab D50
lab(46.55% 51.32 58.37)

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#A000EC
See more color values
RGB
rgb(160 0 236)
HSL
hsl(280.7 100.0% 46.3%)
OKLCH
oklch(0.5521 0.2823 308.0)
Lab D50
lab(42.62% 75.76 -79.17)

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#0073CC
See more color values
RGB
rgb(0 115 204)
HSL
hsl(206.2 100.0% 40.0%)
OKLCH
oklch(0.5510 0.1621 251.4)
Lab D50
lab(46.91% -0.82 -54.68)

CMYK: output profile required

Chart 3chart-3#007F80
See more color values
RGB
rgb(0 127 128)
HSL
hsl(180.5 100.0% 25.1%)
OKLCH
oklch(0.5404 0.0921 195.7)
Lab D50
lab(47.65% -29.96 -9.47)

CMYK: output profile required

Chart 4chart-4#348300
See more color values
RGB
rgb(52 131 0)
HSL
hsl(96.2 100.0% 25.7%)
OKLCH
oklch(0.5390 0.1663 137.9)
Lab D50
lab(48.30% -40.41 50.66)

CMYK: output profile required

Chart 5chart-5#936A00
See more color values
RGB
rgb(147 106 0)
HSL
hsl(43.3 100.0% 28.8%)
OKLCH
oklch(0.5517 0.1137 81.8)
Lab D50
lab(48.04% 11.17 54.47)

CMYK: output profile required

Brand Accent Deepbrand-accent-deep#BF36FF
See more color values
RGB
rgb(191 54 255)
HSL
hsl(280.9 100.0% 60.6%)
OKLCH
oklch(0.6302 0.2785 311.7)
Lab D50
lab(52.17% 74.16 -74.02)

CMYK: output profile required

Brand Emphasisbrand-emphasisAlso: brand-cta#C24000
See more color values
RGB
rgb(194 64 0)
HSL
hsl(19.8 100.0% 38.0%)
OKLCH
oklch(0.5519 0.1759 39.3)
Lab D50
lab(46.55% 51.32 58.37)

CMYK: output profile required

A ShruggieTech project

On this page