Loading...
Created at 07/23/2025 08:21
Deep Learning UX Patterns Kit
- Backprop Blue#1e5f74
- Activation Orange#ffa552
- Vector White#fafafa
- Node Gray#d3d3d3
- Bias Pink#ffb6b9
- Epoch Navy#112d4e
- Feedforward Green#5fd068
The palette consists of Semi dark, Light, Dark colors. Accent colors Bias Pink #ffb6b9 and Epoch Navy #112d4e. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #112D4E (darkest) to #FAFAFA (lightest). The lightness range is wide.
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): #112D4E, #1E5F74, #5FD068, #D3D3D3, #FAFAFA, #FFA552, #FFB6B9
Palette Deep Learning UX Patterns Kit has combination of 7 codes colors:
HEX: #1e5f74, RGB: (30, 95, 116); HEX: #ffa552, RGB: (255, 165, 82); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #ffb6b9, RGB: (255, 182, 185); HEX: #112d4e, RGB: (17, 45, 78)
HEX: #5fd068, RGB: (95, 208, 104)
Simplified version of palette colors
Shade of darkslategrey, Shade of sandybrown, Shade of whitesmoke, Tint of lightpink, Shade of midnightblue, Shade of limegreen
Color scheme was created by hex
Colors codes in palette
Deep Learning UX Patterns Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #1e5f74 | #1e5f74 | RGB(30, 95, 116) | Backprop Blue | — |
| #ffa552 | #ffa552 | RGB(255, 165, 82) | Activation Orange | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Vector White | Dr. White |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Node Gray | Pinball |
| #ffb6b9 | #ffb6b9 | RGB(255, 182, 185) | Bias Pink | — |
| #112d4e | #112d4e | RGB(17, 45, 78) | Epoch Navy | — |
| #5fd068 | #5fd068 | RGB(95, 208, 104) | Feedforward Green | — |
Color Palette Contrast
11 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#1e5f74 | #112d4e | 1.95 |
#ffa552 | #fafafa | 1.87 |
#ffa552 | #d3d3d3 | 1.3 |
#ffa552 | #ffb6b9 | 1.17 |
#ffa552 | #5fd068 | 1 |
#fafafa | #d3d3d3 | 1.43 |
Image palette Deep Learning UX Patterns Kit png
Export Palette
Download the "Deep Learning UX Patterns Kit" in multiple formats for seamless integration into your design projects.
Available formats: