iOS Design Specification

Day Theme

Scroll Background E2EEF9, 60%

Scroll Selector C0D1E1

Grid Lines 182D3B, 10%

Zoom Out Text 108BE3

Tooltip Arrow 59606D, 30%

Followers, Interactions, Growth

Red Line FE3C30, Button FF3B30, Tooltip Text FE3C30

Green Line 4BD964, Button 4BD964, Tooltip Text 2FB146

Blue Line 007AFF, Button 007AFF, Tooltip Text 007AFF

Yellow Line F3BA00, Button F3BA00, Tooltip Text DDA900

X/Y Axis Text 8E8E93

Messages, Apps

Bars:

Blue 539AF7, Dark Blue 407DCD, Light Green 88D43F, Green 73B435, Yellow F5BD25, Orange FF9B39, Red F8564B

Solid Charts:

Blue 3497ED, Dark Blue 2373DB, Light Green 88D43F, Yellow FFCE2C, Red E65850, Light Blue 55BFE6

Buttons:

Blue 539AF7, Dark Blue 407DCD, Light Green 88D43F, Green 73B435, Yellow F5BD25, Orange FF9B39, Red F8564B, Light Blue 55BFE6

Text:

Blue 539AF7, Dark Blue 407DCD, Light Green 73C129, Green 5E9726, Yellow E7B01D, Orange E87B11, Red F8564B, Light Blue 269ED4

X/Y Axis Text 252529, 50%

Lighten Mask FFFFFF, 50%

Onlines

Blue Line 77BAF4, Button 77BAF4, Tooltip Text 67B2F2

Dark Blue Line 3381E8, Button 539AF7, Tooltip Text 3381E8

Light Blue Line 74DAFF, Button 74DAFF, Tooltip Text 55BFE6

Night Theme

Tooltip Arrow D2D5D7

Grid Lines 8596AB, 20%

Zoom Out Text 2EA6FE

Scroll Background 18222D, 60%

Scroll Selector 56626D

Followers, Interactions, Growth

Red Line FE3C30, Button FF3B30, Tooltip Text FE3C30

Green Line 4BD964, Button 4BD964, Tooltip Text 4BD964

Blue Line 007AFF, Button 3193FF, Tooltip Text 3193FF

Yellow Line F3BA00, Button E0AC00, Tooltip Text DDA900

X/Y Axis Text 8596AB

Messages, Apps

Bars:

Blue 407ECF, Dark Blue 2A61A9, Light Green 88BA52, Green 3DA05A, Yellow DBB630, Orange E48C35, Red DE4D43, Light Blue 479FC4

Solid Charts:

Blue 407ECF, Dark Blue 2A61A9, Light Green 88BA52, Yellow DBB630, Red DE4D43, Light Blue 479FC4

Buttons:

Blue 407ECF, Dark Blue 2A61A9, Light Green 88BA52, Green 3DA05A, Yellow DBB630, Orange E48C35, Red DE4D43, Light Blue 399FC5

Text:

Blue 63A6FF, Dark Blue 3578CF, Light Green 86C740, Green 3DA05A, Yellow DBB630, Orange FF9B39, Red DE4D43, Light Blue 269ED4

Y Axis Text BACCE1, 60%

X Axis Text 8596AB

Darken Mask 212F3F, 50%

Onlines

Blue Line 3381e8, Button 539af7, Tooltip Text 3381e8

Dark Blue Line 4461ab, Button 4461ab, Tooltip Text 4461ab

Light Blue Line 4697B3, Button 4697B3, Tooltip Text 4697B3