Created at 07/13/2025 17:35
Progressive Web App Theme Builder
- Install Sky#a6e3e9
- Offline Grey#9a9a9a
- Push Mint#ccf6c8
- Splash White#fdfdfd
- Shortcut Yellow#fdcb52
- Responsive Indigo#7b6cf6
The palette consists of Light colors. Accent colors Shortcut Yellow #fdcb52 and Responsive Indigo #7b6cf6. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #9A9A9A (darkest) to #FDFDFD (lightest). The lightness range is moderate.
Overall saturation feels vivid (higher chroma).
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): #7B6CF6, #9A9A9A, #A6E3E9, #CCF6C8, #FDCB52, #FDFDFD
Palette Progressive Web App Theme Builder has combination of 6 codes colors:
HEX: #a6e3e9, RGB: (166, 227, 233); HEX: #9a9a9a, RGB: (154, 154, 154); HEX: #ccf6c8, RGB: (204, 246, 200)
HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #fdcb52, RGB: (253, 203, 82); HEX: #7b6cf6, RGB: (123, 108, 246)
Simplified version of palette colors
Tint of powderblue, Tint of darkgrey, Shade of lightgreen, Tint of White, Shade of gold, Shade of mediumslateblue
Color scheme was created by hex
Colors codes in palette
Progressive Web App Theme Builder color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #a6e3e9 | #a6e3e9 | RGB(166, 227, 233) | Install Sky | — |
| #9a9a9a | #9a9a9a | RGB(154, 154, 154) | Offline Grey | — |
| #ccf6c8 | #ccf6c8 | RGB(204, 246, 200) | Push Mint | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Splash White | Brilliance |
| #fdcb52 | #fdcb52 | RGB(253, 203, 82) | Shortcut Yellow | — |
| #7b6cf6 | #7b6cf6 | RGB(123, 108, 246) | Responsive Indigo | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#a6e3e9 | #9a9a9a | 1.98 |
#a6e3e9 | #ccf6c8 | 1.18 |
#a6e3e9 | #fdfdfd | 1.39 |
#a6e3e9 | #fdcb52 | 1.06 |
#9a9a9a | #fdcb52 | 1.85 |
#9a9a9a | #7b6cf6 | 1.4 |
Image palette Progressive Web App Theme Builder png
Export Palette
Download the "Progressive Web App Theme Builder" in multiple formats for seamless integration into your design projects.
Available formats: