A “tint” is a hue mixed with white which decreases darkness. Primary tints | Shade | Property | Value |
|---|
| | HEX: | #e6f2f6 | | Background Class: | bkg:pri+5 | | Border Class: | bdr:pri+5 | | Text Class: | txt:pri+5 | | | | HEX: | #cce5ed | | Background Class: | bkg:pri+4 | | Border Class: | bdr:pri+4 | | Text Class: | txt:pri+4 | | | | HEX: | #99ccda | | Background Class: | bkg:pri+3 | | Border Class: | bdr:pri+3 | | Text Class: | txt:pri+3 | | | | HEX: | #66b2c8 | | Background Class: | bkg:pri+2 | | Border Class: | bdr:pri+2 | | Text Class: | txt:pri+2 | | | | HEX: | #3399b5 | | Background Class: | bkg:pri+1 | | Border Class: | bdr:pri+1 | | Text Class: | txt:pri+1 |
Secondary tints | Shade | Property | Value |
|---|
| | HEX: | #feece8 | | Background Class: | bkg:sec+5 | | Border Class: | bdr:sec+5 | | Text Class: | txt:sec+5 | | | | HEX: | #fcd9d1 | | Background Class: | bkg:sec+4 | | Border Class: | bdr:sec+4 | | Text Class: | txt:sec+4 | | | | HEX: | #f9b4a3 | | Background Class: | bkg:sec+3 | | Border Class: | bdr:sec+3 | | Text Class: | txt:sec+3 | | | | HEX: | #f68e74 | | Background Class: | bkg:sec+2 | | Border Class: | bdr:sec+2 | | Text Class: | txt:sec+2 | | | | HEX: | #f36946 | | Background Class: | bkg:sec+1 | | Border Class: | bdr:sec+1 | | Text Class: | txt:sec+1 |
Base tints | Shade | Property | Value |
|---|
| | HEX: | #faf9f8 | | Background Class: | bkg:bas+5 | | Border Class: | bdr:bas+5 | | Text Class: | txt:bas+5 | | | | HEX: | #f4f3f2 | | Background Class: | bkg:bas+4 | | Border Class: | bdr:bas+4 | | Text Class: | txt:bas+4 | | | | HEX: | #e9e7e4 | | Background Class: | bkg:bas+3 | | Border Class: | bdr:bas+3 | | Text Class: | txt:bas+3 | | | | HEX: | #dfdbd7 | | Background Class: | bkg:bas+2 | | Border Class: | bdr:bas+2 | | Text Class: | txt:bas+2 | | | | HEX: | #d4cfc9 | | Background Class: | bkg:bas+1 | | Border Class: | bdr:bas+1 | | Text Class: | txt:bas+1 |
|
