Loading...
Created at 07/13/2025 09:18
Component-Based AI Wireframe
- Module Grey#7a7a7a
- Whiteboard Beige#f9f7f3
- Hover Coral#ff7f66
- Click Black#0f0f0f
- Token Rose#f5a9b8
- Field Aqua#a8e6cf
The palette consists of Light, Dark colors. Accent colors Hover Coral #ff7f66 and Field Aqua #a8e6cf. Palette has Neutral, Warm, Cool colors temperature.
By lightness, this palette runs from #0F0F0F (darkest) to #F9F7F3 (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 warm.
HEX codes (sorted): #0F0F0F, #7A7A7A, #A8E6CF, #F5A9B8, #F9F7F3, #FF7F66
Palette Component-Based AI Wireframe has combination of 6 codes colors:
HEX: #7a7a7a, RGB: (122, 122, 122); HEX: #f9f7f3, RGB: (249, 247, 243); HEX: #ff7f66, RGB: (255, 127, 102)
HEX: #0f0f0f, RGB: (15, 15, 15); HEX: #f5a9b8, RGB: (245, 169, 184); HEX: #a8e6cf, RGB: (168, 230, 207)
Simplified version of palette colors
Tint of Grey, Shade of whitesmoke, Tint of salmon, Shade of Black, Tint of lightpink, Tint of paleturquoise
Color scheme was created by colorscheme
Colors codes in palette
Component-Based AI Wireframe color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #7a7a7a | #7a7a7a | RGB(122, 122, 122) | Module Grey | Gray48 |
| #f9f7f3 | #f9f7f3 | RGB(249, 247, 243) | Whiteboard Beige | — |
| #ff7f66 | #ff7f66 | RGB(255, 127, 102) | Hover Coral | — |
| #0f0f0f | #0f0f0f | RGB(15, 15, 15) | Click Black | Chaos Black |
| #f5a9b8 | #f5a9b8 | RGB(245, 169, 184) | Token Rose | — |
| #a8e6cf | #a8e6cf | RGB(168, 230, 207) | Field Aqua | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#7a7a7a | #ff7f66 | 1.73 |
#f9f7f3 | #f5a9b8 | 1.74 |
#f9f7f3 | #a8e6cf | 1.31 |
#ff7f66 | #f5a9b8 | 1.32 |
#ff7f66 | #a8e6cf | 1.75 |
#f5a9b8 | #a8e6cf | 1.32 |
Image palette Component-Based AI Wireframe png
Export Palette
Download the "Component-Based AI Wireframe" in multiple formats for seamless integration into your design projects.
Available formats: