A “shade” is a hue mixed with black which increases darkness. Primary shades | Hue | Property | Value |
|---|
| | HEX: | #006682 | | Background Class: | bkg:pri-1 | | Border Class: | bdr:pri-1 | | Text Class: | txt:pri-1 | | | | HEX: | #004c62 | | Background Class: | bkg:pri-2 | | Border Class: | bdr:pri-2 | | Text Class: | txt:pri-2 | | | | HEX: | #003341 | | Background Class: | bkg:pri-3 | | Border Class: | bdr:pri-3 | | Text Class: | txt:pri-3 | | | | HEX: | #001921 | | Background Class: | bkg:pri-4 | | Border Class: | bdr:pri-4 | | Text Class: | txt:pri-4 |
Secondary shades | Hue | Property | Value |
|---|
| | HEX: | #c03613 | | Background Class: | bkg:sec-1 | | Border Class: | bdr:sec-1 | | Text Class: | txt:sec-1 | | | | HEX: | #90280e | | Background Class: | bkg:sec-2 | | Border Class: | bdr:sec-2 | | Text Class: | txt:sec-2 | | | | HEX: | #601b0a | | Background Class: | bkg:sec-3 | | Border Class: | bdr:sec-3 | | Text Class: | txt:sec-3 | | | | HEX: | #300d05 | | Background Class: | bkg:sec-4 | | Border Class: | bdr:sec-4 | | Text Class: | txt:sec-4 |
Base shades | Hue | Property | Value |
|---|
| | HEX: | #a19c96 | | Background Class: | bkg:bas-1 | | Border Class: | bdr:bas-1 | | Text Class: | txt:bas-1 | | | | HEX: | #797571 | | Background Class: | bkg:bas-2 | | Border Class: | bdr:bas-2 | | Text Class: | txt:bas-2 | | | | HEX: | #504e4b | | Background Class: | bkg:bas-3 | | Border Class: | bdr:bas-3 | | Text Class: | txt:bas-3 | | | | HEX: | #282726 | | Background Class: | bkg:bas-4 | | Border Class: | bdr:bas-4 | | Text Class: | txt:bas-4 |
|
