Loading...
Created at 07/19/2025 07:28
AI Generated UI Wireframe Kit
- Sketch Silver#e5e7eb
- Prompt Blue#60a5fa
- Wireframe Sand#fef3c7
- Bounding Box Gray#a1a1aa
- Auto Layout Green#4ade80
- Prototype Red#ef4444
The palette consists of Light colors. Accent colors Prompt Blue #60a5fa and Wireframe Sand #fef3c7. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #4ADE80 (darkest) to #E5E7EB (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): #4ADE80, #60A5FA, #A1A1AA, #E5E7EB, #EF4444, #FEF3C7
Palette AI Generated UI Wireframe Kit has combination of 6 codes colors:
HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #60a5fa, RGB: (96, 165, 250); HEX: #fef3c7, RGB: (254, 243, 199)
HEX: #a1a1aa, RGB: (161, 161, 170); HEX: #4ade80, RGB: (74, 222, 128); HEX: #ef4444, RGB: (239, 68, 68)
Simplified version of palette colors
Shade of gainsboro, Shade of cornflowerblue, Tint of lemonchiffon, Tint of darkgrey, Shade of mediumspringgreen, Tint of indianred
Color scheme was created by hex
Colors codes in palette
AI Generated UI Wireframe Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Sketch Silver | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Prompt Blue | — |
| #fef3c7 | #fef3c7 | RGB(254, 243, 199) | Wireframe Sand | — |
| #a1a1aa | #a1a1aa | RGB(161, 161, 170) | Bounding Box Gray | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Auto Layout Green | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Prototype Red | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#e5e7eb | #fef3c7 | 1.11 |
#e5e7eb | #4ade80 | 1.4 |
#60a5fa | #a1a1aa | 1 |
#60a5fa | #4ade80 | 1.45 |
#60a5fa | #ef4444 | 1.48 |
#fef3c7 | #4ade80 | 1.56 |
Image palette AI Generated UI Wireframe Kit png
Export Palette
Download the "AI Generated UI Wireframe Kit" in multiple formats for seamless integration into your design projects.
Available formats: