Created at 06/10/2025 17:24
Progressive Web UX Canvas
- PWA Sky#00b0ff
- Offline Orange#ff8a65
- Cache Mist#eceff1
- Responsive Plum#9c27b0
- Manifest Green#66bb6a
- Sync Night#263238
The palette consists of Light, Dark colors. Accent colors PWA Sky #00b0ff and Offline Orange #ff8a65. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #263238 (darkest) to #ECEFF1 (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): #00B0FF, #263238, #66BB6A, #9C27B0, #ECEFF1, #FF8A65
Palette Progressive Web UX Canvas has combination of 6 codes colors:
HEX: #00b0ff, RGB: (0, 176, 255); HEX: #ff8a65, RGB: (255, 138, 101); HEX: #eceff1, RGB: (236, 239, 241)
HEX: #9c27b0, RGB: (156, 39, 176); HEX: #66bb6a, RGB: (102, 187, 106); HEX: #263238, RGB: (38, 50, 56)
Simplified version of palette colors
Tint of deepskyblue, Shade of coral, Tint of whitesmoke, Tint of darkorchid, Shade of mediumseagreen, Tint of darkslategrey
Color scheme was created by colorslib
Colors codes in palette
Progressive Web UX Canvas color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #00b0ff | #00b0ff | RGB(0, 176, 255) | PWA Sky | — |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | Offline Orange | — |
| #eceff1 | #eceff1 | RGB(236, 239, 241) | Cache Mist | — |
| #9c27b0 | #9c27b0 | RGB(156, 39, 176) | Responsive Plum | — |
| #66bb6a | #66bb6a | RGB(102, 187, 106) | Manifest Green | — |
| #263238 | #263238 | RGB(38, 50, 56) | Sync Night | — |
Color Palette Contrast
3 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#00b0ff | #ff8a65 | 1.04 |
#00b0ff | #66bb6a | 1.02 |
#ff8a65 | #66bb6a | 1.02 |
Image palette Progressive Web UX Canvas png
Export Palette
Download the "Progressive Web UX Canvas" in multiple formats for seamless integration into your design projects.
Available formats: