theme-color Meta Tag

Meta tag to define a suggested color that browsers should use to customize the display of the page or of the surrounding user interface. The meta tag overrides any theme-color set in the web app manifest.

Spec https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color
Status WHATWG Living Standard
IE Edge Firefox Chrome Safari Opera
      98 (1)    
    95 97 (1)    
    94 96 (1) TP  
11 95 93 95 (1) 15 80
10 94 92 94 (1) 14.1 79
9 93 91 93 (1) 14 78
8 92 90 92 (1) 13.1 77
Show all
7 91 89 91 (1) 13 76
6 90 88 90 (1) 12.1 75
5.5 89 87 89 (1) 12 74
  88 86 88 (1) 11.1 73
  87 85 87 (1) 11 72
  86 84 86 (1) 10.1 71
  85 83 85 (1) 10 70
  84 82 84 (1) 9.1 69
  83 81 83 (1) 9 68
  81 80 81 (1) 8 67
  80 79 80 (1) 7.1 66
  79 78 79 (1) 7 65
  18 77 78 (1) 6.1 64
  17 76 77 (1) 6 63
  16 75 76 (1) 5.1 62
  15 74 75 (1) 5 60
  14 73 74 (1) 4 58
  13 72 73 (1) 3.2 57
  12 71 72 (2) 3.1 56
    70 71 (2)   55
    69 70 (2)   54
    68 69 (2)   53
    67 68 (2)   52
    66 67 (2)   51
    65 66 (2)   50
    64 65 (2)   49
    63 64 (2)   48
    62 63 (2)   47
    61 62 (2)   46
    60 61 (2)   45
    59 60 (2)   44
    58 59 (2)   43
    57 58 (2)   42
    56 57 (2)   41
    55 56 (2)   40
    54 55 (2)   39
    53 54 (2)   38
    52 53 (2)   37
    51 52 (2)   36
    50 51 (2)   35
    49 50 (2)   34
    48 49 (2)   33
    47 48 (2)   32
    46 47 (2)   31
    45 46 (2)   30
    44 45 (2)   29
    43 44 (2)   28
    42 43 (2)   27
    41 42 (2)   26
    40 41 (2)   25
    39 40 (2)   24
    38 39 (2)   23
    37 38   22
    36 37   21
    35 36   20
    34 35   19
    33 34   18
    32 33   17
    31 32   16
    30 31   15
    29 30   12.1
    28 29   12
    27 28   11.6
    26 27   11.5
    25 26   11.1
    24 25   11
    23 24   10.6
    22 23   10.5
    21 22   10.0-10.1
    20 21   9.5-9.6
    19 20   9
    18 19    
    17 18    
    16 17    
    15 16    
    14 15    
    13 14    
    12 13    
    11 12    
    10 11    
    9 10    
    8 9    
    7 8    
    6 7    
    5 6    
    4 5    
    3.6 4    
    3.5      
    3      
    2      
Safari on iOS Opera Mini Android Browser Blackberry Browser Opera Mobile Android Chrome Android Firefox IE Mobile Android UC Browser Samsung Internet QQ Browser Baidu Browser KaiOS Browser
15 all 94 10 64 94 (3) 92 11 12.12 15.0 10.4 7.12 2.5
14.5-14.8   4.4.3-4.4.4 7 12.1     10   14.0      
14.0-14.4   4.4   12         13.0      
13.4-13.7   4.2-4.3   11.5         12.0      
Show all
13.3   4.1   11.1         11.1-11.2      
13.2   4   11         10.1      
13.0-13.1   3   10         9.2      
12.2-12.5   2.3             8.2      
12.0-12.1   2.2             7.2-7.4      
11.3-11.4   2.1             6.2-6.4      
11.0-11.2                 5.0-5.4      
10.3                 4      
10.0-10.2                        
9.3                        
9.0-9.2                        
8.1-8.4                        
8                        
7.0-7.1                        
6.0-6.1                        
5.0-5.1                        
4.2-4.3                        
4.0-4.1                        
3.2                        

Notes

Vivaldi browser (Chromium based) supports this feature in both mobile and desktop version. Also supported in the (now discontinued) Firefox OS.

  1. Desktop Chrome only uses the color on installed progressive web apps.

  2. Desktop Chrome 39-72 claimed to have support, but did not actually use the color anywhere. Chrome for Android did use the color in the toolbar.

  3. Chrome for Android does not use the color on devices with native dark-mode enabled before Chrome 92 unless it's an installed progressive web app or a trusted web activity.

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/meta-theme-color