• Home
  • Getting started
  • Foundation
    • Accessibility
    • Color
    • Design principles
    • Typography
    • Iconography
    • Pictograms
    • Motion
  • Components
  • Patterns
  • Writing (SE)
  • Brands
Legacy
  • Components

Search the design system

Foundation

Color

When thinking of Svenska Spel, you should think red. Our primary color is red with complementary red tones. This allows us to be red in a dynamic way. Red as in high energy and pulse, but also red as in warm and caring.

→The hero is always our primary red
→Red as CTA or activity
→White, beige and black as a base to create a distinct expression with the possibility of dark mode
Svenska Spel colors image

Color Palette

This is Svenska Spels base color palette.

Svenska Spel color palette

Primary Color

HEX: #ED0000RGB: 237 0 0PMS: 0 100 100 0CMYK: 485 C

Complementary Colors

HEX: #A20020

RGB: 162 0 32

PMS: 7 100 82 30

CMYK: 187 C

HEX: #62001D

RGB: 98 0 29

PMS: 16 100 65 58

CMYK: 188 C

HEX: #FAF6F3RGB: 250 246 243CMYK: 0 3 5 3

HEX: #E5DFDA

RGB: 229 223 218

CMYK: 0 5 10 13

HEX: #1B1918

RGB: 27 25 24

CMYK: 0 0 0 100

HEX: #FFFFFF

RGB: 255 255 255

CMYK: 0 0 0 0

Navigation Colors

HEX: #0071DB

RGB: 0 113 219

PMS: 88 45 0 0

CMYK: 4151 C

HEX: #00823D

RGB: 0 130 61

PMS: 100 23 100 0

CMYK: 2418 C

Foundation / Accessibility
FoundationColor / Color System

© DesignTech - AB Svenska Spel

What's newTerms of useAccessibility statementCookiesTeams channel [Internal]
@svs/ui version
2.0.5-dev.2

Feedback

We always want to improve the Design System and would be thrilled to get your feedback.

Please share your wisdom with us.

Microsoft Teams [internal]

Designsystem@svenskaspel.se