PlaybookMr.bet
How to useAll brandsEdit

Color DRAFT

The palette has two core colors: a primary blue and a bright orange. Orange stays on the button for key actions, so that button is easy to spot.

Primary color

Primary blue and bright orange are the colors the palette rests on.

Palette

Shades of the core colors, for backgrounds, states, and details.

Supporting

#FF7200
Supporting accent

For text and backgrounds.

Distribution

Light surfaces take almost all of the area. Orange and yellow take only a tiny share. The number on each slice is the real share. The 0.1% and 0.01% slices are wider than their share so the number fits.

Color pairs

Tested combinations of text and background. Use any other pair only after a contrast check.

A
White on #002491
A
#002491 on white

Gradients

Approved gradients only. Copy the CSS from the card. Do not match them by eye.

Primary buttonLinear180°
  1. #3B9DFF0%
  2. #0077EF100%
Accent buttonLinear180°
  1. #FF7F4D0%
  2. #E64100100%
ShowcaseLinear135°
  1. #003AE70%
  2. #002184100%
Tournament overlayLinear0°
  1. #0024910%
  2. rgba(0,36,145,.8)53%
  3. rgba(0,36,145,0)100%
Promo sectionLinear135°
  1. #FFD6990%
  2. #F4F7FF100%

Buttons

The orange button is for deposit and registration. The blue button is for every other action.

Primary324048
Secondary324048

Light and dark theme

The same colors in both themes.

Mr.bet

Primary text

Secondary text

DepositNext
Light
Mr.bet

Primary text

Secondary text

DepositNext
Dark

Utility colors

Utility colors for the interface. Do not use them in advertising.

#0EA45B
#009FB4
#933CB8
#D83232

Resources

Palette and theme tokens, so design and development use the same values.

  • Palette and theme tokensFILE, CSV and JSONAvailable to partners: yes↓ OriginalJSON

Changelog