Created at 07/13/2025 17:21
Human-Centered Design Thinking UI
- Empathy Pink#ffd3da
- Persona Grey#d3d3d3
- Ideate Yellow#fff176
- Prototype Sky#aedff7
- Test Navy#263238
- Iteration White#fdfdfd
The palette consists of Light, Dark colors. Accent colors Ideate Yellow #fff176 and Prototype Sky #aedff7. Palette has Neutral, Warm, Cool colors temperature.
By lightness, this palette runs from #263238 (darkest) to #FDFDFD (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 cool.
HEX codes (sorted): #263238, #AEDFF7, #D3D3D3, #FDFDFD, #FFD3DA, #FFF176
Palette Human-Centered Design Thinking UI has combination of 6 codes colors:
HEX: #ffd3da, RGB: (255, 211, 218); HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #fff176, RGB: (255, 241, 118)
HEX: #aedff7, RGB: (174, 223, 247); HEX: #263238, RGB: (38, 50, 56); HEX: #fdfdfd, RGB: (253, 253, 253)
Simplified version of palette colors
Shade of Pink, Shade of Khaki, Shade of lightblue, Tint of darkslategrey, Tint of White
Color scheme was created by bad_colors
Colors codes in palette
Human-Centered Design Thinking UI color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ffd3da | #ffd3da | RGB(255, 211, 218) | Empathy Pink | — |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Persona Grey | Pinball |
| #fff176 | #fff176 | RGB(255, 241, 118) | Ideate Yellow | — |
| #aedff7 | #aedff7 | RGB(174, 223, 247) | Prototype Sky | — |
| #263238 | #263238 | RGB(38, 50, 56) | Test Navy | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Iteration White | Brilliance |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffd3da | #d3d3d3 | 1.11 |
#ffd3da | #fff176 | 1.16 |
#ffd3da | #aedff7 | 1.06 |
#ffd3da | #fdfdfd | 1.32 |
#d3d3d3 | #fff176 | 1.28 |
#d3d3d3 | #aedff7 | 1.04 |
Image palette Human-Centered Design Thinking UI png
Export Palette
Download the "Human-Centered Design Thinking UI" in multiple formats for seamless integration into your design projects.
Available formats: