Color

Primary, secondary, grayscale, and accessibility rules.

circle-info

This page is evolving. Additional assets will be added as required.

Color system

  • Identomat uses a focused palette.

  • Primary colors carry the brand.

  • Secondary and grayscale colors support clarity and hierarchy.

Primary Colors

Primary colors define the core identity of Identomat. They should be used consistently across digital and print materials to ensure strong brand recognition.

Cover

Electric Purple

HEX #591EFF

RGB 89 | 30 | 255

CMYK 3 | 2 | 0 | 1

Cover

White

HEX #FFFFFF

RGB 255 | 255 | 255

CMYK 0 | 0 | 0 | 0

Cover

Black

HEX #000000

RGB 0 | 0 | 0

CMYK 0 | 0 | 0 | 100

circle-exclamation

Electric Purple tint pallete

Primary colors define the core identity of Identomat. They should be used consistently across digital and print materials to ensure strong brand recognition.

Cover

HEX #11033B

RGB 17 | 3 | 59

CMYK 71 | 95 | 0 | 77

Cover

HEX #1C0657

RGB 28 | 6 | 87

CMYK 68 | 93 | 0 | 66

Cover

HEX #2B0B85

RGB 43 | 11 | 133

CMYK 68 | 92 | 0 | 48

Cover

HEX #3A0FB2

RGB 58 | 15 | 178

CMYK 67 | 92 | 0 | 30

Cover

HEX #591EFF

RGB 89 | 30 | 255

CMYK 65 | 88 | 0 | 0

Cover

HEX #664EFF

RGB 102 | 78 | 255

CMYK 60 | 69 | 0 | 0

Cover

HEX #7E71FF

RGB 126 | 113 | 255

CMYK 51 | 56 | 0 | 0

Cover

HEX #9B94FF

RGB 155 | 148 | 255

CMYK 39 | 42 | 0 | 0

Cover

HEX #BAB8FF

RGB 186 | 184 | 255

CMYK 27 | 28 | 0 | 0

Cover

HEX #DBDBFF

RGB 219 | 219 | 255

CMYK 14 | 14 | 0 | 0

Cover

HEX #F0F1FF

RGB 240 | 241 | 255

CMYK 6 | 5 | 0 | 0

Secondary Colors

Secondary colors support the primary palette and add flexibility to layouts. They should be used sparingly to complement, not overpower, the primary colors.

Cover

HEX #F04438

RGB 240 | 68 | 56

CMYK 0 | 72 | 77 | 6

Cover

Orange

HEX #FDB022

RGB 253 | 176 | 34

CMYK 0 | 30 | 87 | 1

Cover

Green

HEX #00B772

RGB 0 | 183 | 114

CMYK 100 | 0 | 38 | 28

Cover

Indigo

HEX #5D6B98

RGB 93 | 107 | 152

CMYK 39 | 30 | 0 | 40

Cover

Light Red

HEX #FEE4E2

RGB 254 | 228 | 226

CMYK 0 | 10 | 11 | 0

Cover

Light Orange

HEX #FEF0C7

RGB 254 | 240 | 199

CMYK 0 | 6 | 22 | 0

Cover

Light Green

HEX #CFF7E6

RGB 207 | 247 | 230

CMYK 16 | 0 | 7 | 3

Cover

Light Indigo

HEX #EFF1F5

RGB 239 | 241 | 245

CMYK 2 | 2 | 0 | 4

circle-exclamation

Grayscale Colors

Grayscale colors provide neutral balance and are used for backgrounds, text, and supporting elements. They help maintain clarity and hierarchy.

Cover

Gray 800

HEX #202939

RGB 31 | 41 | 57

CMYK 44 | 28 | 0 | 78

Cover

Gray 700

HEX #364152

RGB 54 | 246 | 252

CMYK 3 | 2 | 0 | 0

Cover

Gray 600

HEX #4B5565

RGB 75 | 85 | 101

CMYK 26 | 16 | 0 | 60

Cover

Gray 500

HEX #697586

RGB 105 | 117 | 134

CMYK 22 | 13 | 0 | 47

Cover

Gray 400

HEX #9AA4B2

RGB 154 | 164 | 178

CMYK 13 | 8 | 0 | 30

Cover

Gray 300

HEX #CDD5DF

RGB 205 | 213 | 223

CMYK 8 | 4 | 0 | 13

Cover

Gray 200

HEX #E3E8EF

RGB 227 | 232 | 239

CMYK 5 | 3 | 0 | 6

Cover

Gray 100

HEX #EEF2F6

RGB 238 | 242 | 246

CMYK 3 | 2 | 0 | 4

circle-info

Gray backgrounds are useful for UI framing, but not always for logo placement.

Core rules

  • use purple for primary brand moments

  • use white and black for contrast and structure

  • use secondary colors as support, not replacement

  • use grays for text, surfaces, borders, and UI hierarchy

  • check contrast before publishing

circle-check

Last updated