FOUNDATIONS
Colors brand
Brand colors in Bubbles represent the visual identity and personality of the product. They are used to create recognition, evoke emotion, and maintain consistency across all touchpoints. This palette includes primary and secondary brand tones, along with any supporting or extended colors defined by the brand. While rooted in branding, these colors are treated as design tokens to ensure scalable and accessible implementation throughout the system.
🔗 Synced with Figma Design library
Global color
Principal Set
The most important colors, consistently used to represent the brand across various platforms.
Liming
19.6
:1
AAA
50
#EAFFC5
18:53
:1
AAA
100
#D7FF86
17:46
:1
AAA
200
#C8FC43
16:23
:1
AAA
300
#C0F437
15.09
:1
AAA
400
#B9EC2A
13:96
:1
AAA
500
#B1E400
8:92
:1
AAA
600
#8EB700
4:67
:1
AA
700
#617E00
10:23
:1
AAA
800
#354700
17:59
:1
AAA
900
#131C00
Slate
19.33
:1
AAA
50
#E6F9FD
12.21
:1
AAA
100
#B6C9CC
7.15
:1
AAA
200
#889A9D
5.33
:1
AA
300
#5D6E71
10.01
:1
AAA
400
#354548
16.82
:1
AAA
500
#0D2023
18.58
:1
AAA
600
#00161A
20.2
:1
AAA
700
#00080A
20.9
:1
AAA
800
#000101
21
:1
AAA
900
#000000
Coral
19.11
:1
AAA
50
#FFF1F2
15.97
:1
AAA
100
#FFD7D9
13.11
:1
AAA
200
#FFBBBF
10.69
:1
AAA
300
#FF9EA6
8.55
:1
AAA
400
#FF7D8B
6.75
:1
AA
500
#FF5470
4.61
:1
AA
600
#E6104F
7.78
:1
AAA
700
#A70036
13.06
:1
AAA
800
#68001E
18.16
:1
AAA
900
#35000B