Default colors

ruby

SASS: $color-ruby

HEX: #ff4069

RGB: 255 64 105

CMYK: 0 84 38 0

PMS: 1925U

ruby-light

SASS: $color-ruby-light

HEX: #ff9fb4

RGB: 255 159 180

CMYK: 0 51 13 0

PMS: 708UP

peacock

SASS: $color-peacock

HEX: #c27fec

RGB: 194 127 236

CMYK: 41 54 0 0

PMS: 2655U

peacock-light

SASS: $color-peacock-light

HEX: #e0bff5

RGB: 224 191 245

CMYK: 17 30 0 0

PMS: 2635U

jade

SASS: $color-jade

HEX: #55c7b4

RGB: 85 199 180

CMYK: 58 0 30 0

PMS: 325U

jade-light

SASS: $color-jade-light

HEX: #aae3d9

RGB: 170 227 217

CMYK: 28 0 20 0

PMS: 324U

sandstone

SASS: $color-sandstone

HEX: #f99963

RGB: 249 153 99

CMYK: 0 39 50 0

PMS: 473U

sandstone-light

SASS: $color-sandstone-light

HEX: #fcccb1

RGB: 252 204 177

CMYK: 1 20 30 0

PMS: 719UP

lemon

SASS: $color-lemon

HEX: #ffce2e

RGB: 255 206 46

CMYK: 0 20 86 0

PMS: 120U

lemon-light

SASS: $color-lemon-light

HEX: #ffe696

RGB: 255 230 150

CMYK: 0 9 50 0

PMS: 1215UP

ocean

SASS: $color-ocean

HEX: #50b2fc

RGB: 80 178 252

CMYK: 69 10 0 0

PMS: 299U

ocean-light

SASS: $color-ocean-light

HEX: #a7d8fd

RGB: 167 216 253

CMYK: 35 5 1 0

PMS: 2830U

black

SASS: $color-black

HEX: #000000

RGB: 0 0 0

CMYK: 50 50 50 100

PMS: n/a

cyberspace

SASS: $color-cyberspace

HEX: #1f2a36

RGB: 31 42 54

CMYK: 88 71 52 41

PMS: PMS 289U

granit

SASS: $color-granit

HEX: #8E9297

RGB: 142 146 151

CMYK: 6 3 0 41

PMS: n/a

concrete

SASS: $color-concrete

HEX: #d8d8d8

RGB: 216 216 216

CMYK: 0 0 0 15

PMS: n/a

ash

SASS: $color-ash

HEX: #ededed

RGB: 237 237 237

CMYK: 0 0 0 7

PMS: n/a

snow

SASS: $color-snow

HEX: #ffffff

RGB: 255 255 255

CMYK: 0 0 0 0

PMS: n/a

Accessibility colors

This set of colors are to be used only for accessibility purposes when the default colors doesn't meet the WCAG AA baseline. Any use of these colors must be approved by Internetstiftelsen.

ruby-dark

SASS: $color-ruby-dark

HEX: #d9002f

RGB: n/a

CMYK: n/a

PMS: n/a

peacock-dark

SASS: $color-peacock-dark

HEX: #9826df

RGB: n/a

CMYK: n/a

PMS: n/a

sandstone-dark

SASS: $color-sandstone-dark

HEX: #ed5b09

RGB: n/a

CMYK: n/a

PMS: n/a

lemon-dark

SASS: $color-lemon-dark

HEX: #e1ac00

RGB: n/a

CMYK: n/a

PMS: n/a

jade-dark

SASS: $color-jade-dark

HEX: #2d897a

RGB: n/a

CMYK: n/a

PMS: n/a

ocean-dark

SASS: $color-ocean-dark

HEX: #0477ce

RGB: n/a

CMYK: n/a

PMS: n/a

.FILE 2G 3G 4G 5G