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.
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: