Created at 07/07/2025 15:10
Prototyping Wireframe UI
- Sketch Grey#cdcdcd
- Component Cream#f8f8f8
- Gridline Black#1a1a1a
- Draft Blue#a9d6e5
- Mockup Lilac#dec9e9
- UX Stage Beige#fdf5df
The palette consists of Light, Dark colors. Accent colors Draft Blue #a9d6e5 and UX Stage Beige #fdf5df. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #1A1A1A (darkest) to #F8F8F8 (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).
Most swatches read as neutral in color temperature.
HEX codes (sorted): #1A1A1A, #A9D6E5, #CDCDCD, #DEC9E9, #F8F8F8, #FDF5DF
Palette Prototyping Wireframe UI has combination of 6 codes colors:
HEX: #cdcdcd, RGB: (205, 205, 205); HEX: #f8f8f8, RGB: (248, 248, 248); HEX: #1a1a1a, RGB: (26, 26, 26)
HEX: #a9d6e5, RGB: (169, 214, 229); HEX: #dec9e9, RGB: (222, 201, 233); HEX: #fdf5df, RGB: (253, 245, 223)
Simplified version of palette colors
Tint of lightgrey, Shade of whitesmoke, Shade of Black, Tint of lightblue, Shade of thistle, Tint of cornsilk
Color scheme was created by colorday
Colors codes in palette
Prototyping Wireframe UI color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #cdcdcd | #cdcdcd | RGB(205, 205, 205) | Sketch Grey | Compact Disc Grey |
| #f8f8f8 | #f8f8f8 | RGB(248, 248, 248) | Component Cream | — |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Gridline Black | Gray10 |
| #a9d6e5 | #a9d6e5 | RGB(169, 214, 229) | Draft Blue | — |
| #dec9e9 | #dec9e9 | RGB(222, 201, 233) | Mockup Lilac | — |
| #fdf5df | #fdf5df | RGB(253, 245, 223) | UX Stage Beige | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#cdcdcd | #f8f8f8 | 1.49 |
#cdcdcd | #a9d6e5 | 1.01 |
#cdcdcd | #dec9e9 | 1.03 |
#cdcdcd | #fdf5df | 1.46 |
#f8f8f8 | #a9d6e5 | 1.47 |
#f8f8f8 | #dec9e9 | 1.44 |
Image palette Prototyping Wireframe UI png
Export Palette
Download the "Prototyping Wireframe UI" in multiple formats for seamless integration into your design projects.
Available formats: