Colors

Official color palette to keep ClaireObscure visually consistent. Click a color to copy its HEX code.

Color pairings

Brand color combinations that keep text easy to read.

Clarifier ce qui n'est pas clair
#150161 on #FFFFFF
Clarifier ce qui n'est pas clair
#150161 on #A8DEDE
Clarifier ce qui n'est pas clair
#150161 on #50BCB0

Color proportions

How much of each color to use across your designs.

  • #FFFFFF60%
  • #A8DEDE23%
  • #50BCB011%
  • #1501616%