Created at 08/12/2025 20:20
AI-Driven UX Wireframe
- Cognitive Blue#457b9d
- Data Pipeline Orange#e07a5f
- Model Training Sand#f4f1de
- Inference White#fafafa
- Neural Graph Green#6a994e
- Dark Terminal#242423
- Flowchart Pink#ffb4a2
- Accessibility Teal#2a9d8f
The palette consists of Light, Dark colors. Accent colors Flowchart Pink #ffb4a2 and Accessibility Teal #2a9d8f. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #242423 (darkest) to #FAFAFA (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): #242423, #2A9D8F, #457B9D, #6A994E, #E07A5F, #F4F1DE, #FAFAFA, #FFB4A2
Palette AI-Driven UX Wireframe has combination of 8 codes colors:
HEX: #457b9d, RGB: (69, 123, 157); HEX: #e07a5f, RGB: (224, 122, 95); HEX: #f4f1de, RGB: (244, 241, 222)
HEX: #fafafa, RGB: (250, 250, 250); HEX: #6a994e, RGB: (106, 153, 78); HEX: #242423, RGB: (36, 36, 35)
HEX: #ffb4a2, RGB: (255, 180, 162); HEX: #2a9d8f, RGB: (42, 157, 143)
Simplified version of palette colors
Tint of steelblue, Tint of salmon, Tint of beige, Shade of whitesmoke, Shade of olivedrab, Shade of Black, Shade of lightsalmon, Tint of lightseagreen
Color scheme was created by coolor
Colors codes in palette
AI-Driven UX Wireframe color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #457b9d | #457b9d | RGB(69, 123, 157) | Cognitive Blue | — |
| #e07a5f | #e07a5f | RGB(224, 122, 95) | Data Pipeline Orange | — |
| #f4f1de | #f4f1de | RGB(244, 241, 222) | Model Training Sand | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Inference White | Dr. White |
| #6a994e | #6a994e | RGB(106, 153, 78) | Neural Graph Green | — |
| #242423 | #242423 | RGB(36, 36, 35) | Dark Terminal | — |
| #ffb4a2 | #ffb4a2 | RGB(255, 180, 162) | Flowchart Pink | — |
| #2a9d8f | #2a9d8f | RGB(42, 157, 143) | Accessibility Teal | — |
Color Palette Contrast
12 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#457b9d | #e07a5f | 1.55 |
#457b9d | #6a994e | 1.37 |
#457b9d | #2a9d8f | 1.38 |
#e07a5f | #6a994e | 1.13 |
#e07a5f | #ffb4a2 | 1.72 |
#e07a5f | #2a9d8f | 1.12 |
Image palette AI-Driven UX Wireframe png
Export Palette
Download the "AI-Driven UX Wireframe" in multiple formats for seamless integration into your design projects.
Available formats: