nikone

Colors

One seed. A complete system.

A Material Design 3 tonal palette derived from the brand seed. Every on-color is contrast-checked against its surface per WCAG 2.1, in both light and dark.

Light scheme

Primary

primary

#4b5c92 · on #ffffff

6.5:1 · AA

primaryContainer

#dbe1ff · on #324478

7.3:1 · AAA

Secondary

secondary

#595e72 · on #ffffff

6.4:1 · AA

secondaryContainer

#dde1f9 · on #414659

7.2:1 · AAA

Tertiary

tertiary

#745470 · on #ffffff

6.5:1 · AA

tertiaryContainer

#ffd6f8 · on #5a3d58

7.2:1 · AAA

Error

error

#ba1a1a · on #ffffff

6.5:1 · AA

errorContainer

#ffdad6 · on #93000a

7.2:1 · AAA

Surfaces

background

#faf8ff · on #1a1b21

16.3:1 · AAA

surface

#faf8ff · on #1a1b21

16.3:1 · AAA

surfaceVariant

#e2e2ec · on #45464f

7.3:1 · AAA

surfaceContainerLow

#f4f3fa · on #1a1b21

15.6:1 · AAA

surfaceContainer

#eeedf4 · on #1a1b21

14.8:1 · AAA

surfaceContainerHigh

#e8e7ef · on #1a1b21

14.0:1 · AAA

inverseSurface

#2f3036 · on #f1f0f7

11.6:1 · AAA

Dark scheme

Primary

primary

#b4c5ff · on #1a2d60

7.8:1 · AAA

primaryContainer

#324478 · on #dbe1ff

7.3:1 · AAA

Secondary

secondary

#c1c5dd · on #2b3042

7.7:1 · AAA

secondaryContainer

#414659 · on #dde1f9

7.2:1 · AAA

Tertiary

tertiary

#e2bbdb · on #422741

7.7:1 · AAA

tertiaryContainer

#5a3d58 · on #ffd6f8

7.2:1 · AAA

Error

error

#ffb4ab · on #690005

7.7:1 · AAA

errorContainer

#93000a · on #ffdad6

7.2:1 · AAA

Surfaces

background

#121318 · on #e3e2e9

14.4:1 · AAA

surface

#121318 · on #e3e2e9

14.4:1 · AAA

surfaceVariant

#45464f · on #c5c6d0

5.5:1 · AA

surfaceContainerLow

#1a1b21 · on #e3e2e9

13.3:1 · AAA

surfaceContainer

#1e1f25 · on #e3e2e9

12.8:1 · AAA

surfaceContainerHigh

#292a2f · on #e3e2e9

11.1:1 · AAA

inverseSurface

#e3e2e9 · on #2f3036

10.2:1 · AAA