Created at 07/08/2025 08:29
UX Wireframe Dreamkit
- Sketch Blue#5bc0eb
- Wireframe Gray#ced4da
- Cardboard Tan#e9d8a6
- Tab Panel White#f8f9fa
- Frame Black#1e1e24
The palette consists of Light, Dark colors. Accent colors Sketch Blue #5bc0eb and Cardboard Tan #e9d8a6. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #1E1E24 (darkest) to #F8F9FA (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower 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): #1E1E24, #5BC0EB, #CED4DA, #E9D8A6, #F8F9FA
Palette UX Wireframe Dreamkit has combination of 5 codes colors:
HEX: #5bc0eb, RGB: (91, 192, 235); HEX: #ced4da, RGB: (206, 212, 218); HEX: #e9d8a6, RGB: (233, 216, 166)
HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #1e1e24, RGB: (30, 30, 36)
Simplified version of palette colors
Shade of deepskyblue, Tint of lightgrey, Tint of wheat, Shade of whitesmoke, Shade of Black
Color scheme was created by bad_colors
Colors codes in palette
UX Wireframe Dreamkit color codes HEX, RGB information in table
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#5bc0eb | #ced4da | 1.37 |
#5bc0eb | #e9d8a6 | 1.45 |
#5bc0eb | #f8f9fa | 1.95 |
#ced4da | #e9d8a6 | 1.05 |
#ced4da | #f8f9fa | 1.41 |
#e9d8a6 | #f8f9fa | 1.34 |
Image palette UX Wireframe Dreamkit png
Export Palette
Download the "UX Wireframe Dreamkit" in multiple formats for seamless integration into your design projects.
Available formats: