Generate Palette
  1. Colors palettes
  2. Progressive Web App Offline First UX Palette
Created at 03/27/2026 21:19
bycolorstudio
  6

Progressive Web App Offline First UX Palette

  • Offline Gray
    #6c757d
  • Sync Blue
    #0077b6
  • Cache Green
    #52b788
  • Alert Orange
    #f77f00
  • Background Light
    #f8f9fa
  • Primary Black
    #111111
  • Highlight Cyan
    #00ced1
The palette consists of Light, Semi dark, Dark colors. Accent colors Alert Orange #f77f00 and Highlight Cyan #00ced1. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #111111 (darkest) to #F8F9FA (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #0077B6, #00CED1, #111111, #52B788, #6C757D, #F77F00, #F8F9FA

Palette Progressive Web App Offline First UX Palette has combination of 7 codes colors:
HEX: #6c757d, RGB: (108, 117, 125); HEX: #0077b6, RGB: (0, 119, 182); HEX: #52b788, RGB: (82, 183, 136)
HEX: #f77f00, RGB: (247, 127, 0); HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #111111, RGB: (17, 17, 17)
HEX: #00ced1, RGB: (0, 206, 209)
Simplified version of palette colors
Tint of slategrey, Tint of steelblue, Shade of mediumseagreen, Tint of darkorange, Shade of whitesmoke, Shade of Black
Color scheme was created by colorstudio

Colors codes in palette

Progressive Web App Offline First UX Palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#6c757d #6c757d RGB(108, 117, 125)Offline GrayPompeii Ash
#0077b6 #0077b6 RGB(0, 119, 182)Sync Blue—
#52b788 #52b788 RGB(82, 183, 136)Cache Green—
#f77f00 #f77f00 RGB(247, 127, 0)Alert OrangeUniversity of Tennessee Orange
#f8f9fa #f8f9fa RGB(248, 249, 250)Background Light—
#111111 #111111 RGB(17, 17, 17)Primary BlackDreamless Sleep
#00ced1 #00ced1 RGB(0, 206, 209)Highlight CyanJade Glass

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#6c757d
#0077b6
1.03
#6c757d
#52b788
1.89
#6c757d
#f77f00
1.78
#0077b6
#52b788
1.96
#0077b6
#f77f00
1.85
#52b788
#f77f00
1.06

Image palette Progressive Web App Offline First UX Palette png

Progressive Web App Offline First UX Palette - #570666
 Download image