Couleurs primaires

Quatre couleurs pour les différents univers de l'écosystème IGN.

Introduction

Les couleurs de l'écosystème de l'IGN se composent de 4 variantes primaires. Celles-ci comportent des variantes de contrastes afin de couvrir tous les cas d'usage.

Les couleurs primaires et leurs variantes de contrastes sont à la base du design system et permettent une identification claire de l'univers dans lequel l'utilisateur IGN se trouve.

Dans les sous-parties de cette page, sont décrits les différents codes colorimétriques à utiliser par univers. Chaque couleur porte un label pour être clairement identifiée.

  • Univers Institut

  • Univers Particulier

  • Univers Professionnel

  • Univers Carto

Univers Institut

  • Couleur Sombre

    Label : dark_green_part

    Class : $univers-institut-dark

    Hex : #7AA43E

    RGB : 122 164 62

  • Couleur Primaire

    Label : primary_green_part

    Class : $univers-institut-primary

    Hex : #90C149

    RGB : 144 193 73

  • Couleur Secondaire

    Label : secondary_green_part

    Class : $univers-institut-secondary

    Hex : #B6D688

    RGB : 182 214 136

  • Couleur Légère

    Label : light_green_part

    Class : $univers-institut-light

    Hex : #EEF5E3

    RGB : 238 245 227

Univers Particulier

  • Couleur Sombre

    Label : dark_green_ign

    Class : $univers-particulier-dark

    Hex : #26A581

    RGB : 38 165 129

  • Couleur Primaire

    Label : primary_green_ign

    Class : $univers-particulier-primary

    Hex : #2DC398

    RGB : 45 195 152

  • Couleur Secondaire

    Label : secondary_green_ign

    Class : $univers-particulier-secondary

    Hex : #77D8BC

    RGB : 119 216 188

  • Couleur Légère

    Label : light_green_ign

    Class : $univers-particulier-light

    Hex : #DFF6EF

    RGB : 223 246 239

Univers Professionnel

  • Couleur Sombre

    Label : dark_purple_pro

    Class : $univers-professionnel-dark

    Hex : #3C23B6

    RGB : 60 35 182

  • Couleur Primaire

    Label : primary_purple_pro

    Class : $univers-professionnel-primary

    Hex : #472AD6

    RGB : 71 42 214

  • Couleur Secondaire

    Label : secondary_purple_pro

    Class : $univers-professionnel-secondary

    Hex : #8774E4

    RGB : 135 116 228

  • Couleur Légère

    Label : light_purple_pro

    Class : $univers-professionnel-light

    Hex : #E3DFF8

    RGB : 227 223 248

Univers Carto

  • Couleur Sombre

    Label : dark_blue_carto

    Class : $univers-carto-dark

    Hex : #307CCD

    RGB : 48 124 205

  • Couleur Primaire

    Label : primary_blue_carto

    Class : $univers-carto-primary

    Hex : #3993F3

    RGB : 57 147 243

  • Couleur Secondaire

    Label : secondary_blue_carto

    Class : $univers-carto-secondary

    Hex : #7EB9F7

    RGB : 126 185 247

  • Couleur Légère

    Label : light_blue_carto

    Class : $univers-carto-light

    Hex : #E1EEFD

    RGB : 225 238 253