Tapp lime
01Our primary colour
- Hex
- #B2F700
- RGB
- 178 247 0
100%
#B2F70060%
#D1FA6640%
#E0FC9922%
#EEFDC713%
#F5FEDEColor
All components01—18
The full palette and semantic tokens.
Preview
Colour, with a system.
Tapp lime. Sixteen supporting colours. Black through white.
Black
02Our neutral range
- Hex
- #000000
- RGB
- 0 0 0
950
#000000900
#171717800
#262626700
#404040600
#525252500
#737373400
#A3A3A3300
#D4D4D4200
#E5E5E5100
#F5F5F550
#FFFFFFVermilion
03Supporting colour
- Hex
- #FF5200
- RGB
- 255 82 0
100%
#FF520060%
#FF976640%
#FFBA9922%
#FFD9C713%
#FFE9DETangerine
04Supporting colour
- Hex
- #F1592A
- RGB
- 241 89 42
100%
#F1592A60%
#F79B7F40%
#F9BDAA22%
#FCDAD013%
#FDE9E3Violet
05Supporting colour
- Hex
- #7C5CF2
- RGB
- 124 92 242
100%
#7C5CF260%
#B09DF740%
#CBBEFA22%
#E2DBFC13%
#EEEAFDBlue
06Supporting colour
- Hex
- #2F6BEB
- RGB
- 47 107 235
100%
#2F6BEB60%
#82A6F340%
#ACC4F722%
#D1DEFB13%
#E4ECFCLeaf
07Supporting colour
- Hex
- #5E9F35
- RGB
- 94 159 53
100%
#5E9F3560%
#9EC58640%
#BFD9AE22%
#DCEAD313%
#EAF3E5Teal
08Supporting colour
- Hex
- #2E8A9E
- RGB
- 46 138 158
100%
#2E8A9E60%
#82B9C540%
#ABD0D822%
#D1E5EA13%
#E4F0F2Coral
09Supporting colour
- Hex
- #E5484D
- RGB
- 229 72 77
100%
#E5484D60%
#EF919440%
#F5B6B822%
#F9D7D813%
#FCE7E8Sky
10Supporting colour
- Hex
- #8AB8EA
- RGB
- 138 184 234
100%
#8AB8EA60%
#B9D4F240%
#D0E3F722%
#E5EFFA13%
#F0F6FCMint
11Supporting colour
- Hex
- #3DB59F
- RGB
- 61 181 159
100%
#3DB59F60%
#8BD3C540%
#B1E1D922%
#D4EFEA13%
#E6F5F3Ochre
12Supporting colour
- Hex
- #C2884E
- RGB
- 194 136 78
100%
#C2884E60%
#DAB89540%
#E7CFB822%
#F2E5D813%
#F7F0E8Peach
13Supporting colour
- Hex
- #F4A27E
- RGB
- 244 162 126
100%
#F4A27E60%
#F8C7B240%
#FBDACB22%
#FDEBE313%
#FEF3EEGold
14Supporting colour
- Hex
- #F2BE1E
- RGB
- 242 190 30
100%
#F2BE1E60%
#F7D87840%
#FAE5A522%
#FCF1CE13%
#FDF7E2Rose
15Supporting colour
- Hex
- #E2669B
- RGB
- 226 102 155
100%
#E2669B60%
#EEA3C340%
#F3C2D722%
#F9DDE913%
#FBEBF2Lavender
16Supporting colour
- Hex
- #9B8FC4
- RGB
- 155 143 196
100%
#9B8FC460%
#C3BCDC40%
#D7D2E722%
#E9E6F213%
#F2F0F7Chartreuse
17Supporting colour
- Hex
- #A6C43C
- RGB
- 166 196 60
100%
#A6C43C60%
#CADC8A40%
#DBE7B122%
#EBF2D413%
#F3F7E6Amber
18Supporting colour
- Hex
- #F5B700
- RGB
- 245 183 0
100%
#F5B70060%
#F9D46640%
#FBE29922%
#FDEFC713%
#FEF6DESelect a colour to explore its tints.
Coloured tints mix the base with white. Black contains our existing grey scale, from 950 to 50. Palette values stay consistent in both themes.