Color System

Complete AssetBook color palette with HEX, RGB, CMYK, and PMS codes. Copy values to clipboard and use across all brand materials.

#00DE8E

Green (Grön)

Primary brand color - vibrant and energetic

Primary buttons, highlights, links, and brand accents

HEX #00DE8E
RGB 0, 222, 142
CMYK 66, 0, 61, 0
PMS 7479 C
primary
#00004E

Dark Blue (Mörkblå)

Deep, professional navy blue

Headers, dark mode backgrounds, professional contexts

HEX #00004E
RGB 0, 0, 78
CMYK 100, 94, 37, 48
PMS 2768 C
primary
#000093

Cornflower Blue (Kornblå)

Bright, tech-forward blue

Secondary accents, information displays, tech elements

HEX #000093
RGB 0, 0, 147
CMYK 100, 92, 21, 6
PMS 2738 C
primary
#ED0735

Red (Röd)

Attention-grabbing red for alerts

Errors, alerts, critical notifications, emergency indicators

HEX #ED0735
RGB 237, 7, 53
CMYK 0, 97, 78, 7
PMS 185 C
secondary
#FF8E09

Orange

Warm, friendly orange

Warnings, highlights, warm accents

HEX #FF8E09
RGB 255, 142, 9
CMYK 0, 44, 96, 0
PMS 1495 C
secondary
#00B172

Dark Green (Mörkgrön)

Deeper green variant

Success states, environmental themes, alternative accents

HEX #00B172
RGB 0, 177, 114
CMYK 100, 0, 77, 0
PMS 3405 C
secondary
#FFFFFF

White

Pure white for backgrounds and contrast

Backgrounds, text on dark backgrounds, spacing

HEX #FFFFFF
RGB 255, 255, 255
CMYK 0, 0, 0, 0
PMS White
neutral
#000000

Black

Pure black for text and contrast

Body text, headings, borders, icons

HEX #000000
RGB 0, 0, 0
CMYK 0, 0, 0, 100
PMS Black
neutral
#F6F6F6

Light Gray

Soft background gray

Subtle backgrounds, cards, separators

HEX #F6F6F6
RGB 246, 246, 246
CMYK 0, 0, 0, 4
PMS Cool Gray 1 C
neutral

CSS Variables

:root {
  --ab-green: #00DE8E;
  --ab-dark-blue: #00004E;
  --ab-cornflower-blue: #000093;
  --ab-red: #ED0735;
  --ab-orange: #FF8E09;
  --ab-dark-green: #00B172;
  --ab-white: #FFFFFF;
  --ab-black: #000000;
  --ab-light-gray: #F6F6F6;
}

Accessibility Guidelines

WCAG 2.1 AAA Compliant

All AssetBook button designs and color combinations meet WCAG 2.1 AAA standards for accessibility.

  • ✓ High contrast ratios for text readability
  • ✓ Color combinations tested for color blindness
  • ✓ Never rely on color alone to convey information

Color Usage Tips

  • • Use primary green for calls-to-action
  • • Reserve red for errors and critical alerts
  • • Use neutral colors for body text and backgrounds
  • • Test color combinations in both light and dark modes