plmhubOpen the app →

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

#005faf · on #ffffff

6.4:1 · AA

primaryContainer

#d4e3ff · on #004786

7.2:1 · AAA

Secondary

secondary

#555d7e · on #ffffff

6.5:1 · AA

secondaryContainer

#dce1ff · on #3d4565

7.3:1 · AAA

Tertiary

tertiary

#006e1f · on #ffffff

6.5:1 · AA

tertiaryContainer

#6fff79 · on #005315

7.2:1 · AAA

Error

error

#ba1a1a · on #ffffff

6.5:1 · AA

errorContainer

#ffdad6 · on #93000a

7.2:1 · AAA

Surfaces

background

#f9f9ff · on #171c24

16.3:1 · AAA

surface

#f9f9ff · on #171c24

16.3:1 · AAA

surfaceVariant

#dce3f2 · on #404753

7.3:1 · AAA

surfaceContainerLow

#f0f3ff · on #171c24

15.4:1 · AAA

surfaceContainer

#e9eefa · on #171c24

14.7:1 · AAA

surfaceContainerHigh

#e4e8f4 · on #171c24

14.0:1 · AAA

inverseSurface

#2b313a · on #ecf1fd

11.6:1 · AAA

Dark scheme

Primary

primary

#a5c8ff · on #00315f

7.7:1 · AAA

primaryContainer

#004786 · on #d4e3ff

7.2:1 · AAA

Secondary

secondary

#bdc5eb · on #272f4d

7.7:1 · AAA

secondaryContainer

#3d4565 · on #dce1ff

7.3:1 · AAA

Tertiary

tertiary

#48e25c · on #00390c

7.7:1 · AAA

tertiaryContainer

#005315 · on #6fff79

7.2:1 · AAA

Error

error

#ffb4ab · on #690005

7.7:1 · AAA

errorContainer

#93000a · on #ffdad6

7.2:1 · AAA

Surfaces

background

#0e141c · on #dee2ef

14.3:1 · AAA

surface

#0e141c · on #dee2ef

14.3:1 · AAA

surfaceVariant

#404753 · on #c0c7d5

5.5:1 · AA

surfaceContainerLow

#171c24 · on #dee2ef

13.2:1 · AAA

surfaceContainer

#1b2029 · on #dee2ef

12.6:1 · AAA

surfaceContainerHigh

#252a33 · on #dee2ef

11.1:1 · AAA

inverseSurface

#dee2ef · on #2b313a

10.1:1 · AAA
Powered by @021.is/brand-studioplmhub.eu