Created at 07/10/2025 08:37
Design Thinking Flow System
- Empathy Coral#ff9b9b
- Define Cloud#f8f9fa
- Ideate Yellow#fff176
- Prototype Indigo#3f51b5
- Test Black#202124
- Iteration Mint#aaf683
The palette consists of Light, Semi dark, Dark colors. Accent colors Ideate Yellow #fff176 and Prototype Indigo #3f51b5. Palette has Warm, Neutral, Cool colors temperature.
By lightness, this palette runs from #202124 (darkest) to #F8F9FA (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): #202124, #3F51B5, #AAF683, #F8F9FA, #FF9B9B, #FFF176
Palette Design Thinking Flow System has combination of 6 codes colors:
HEX: #ff9b9b, RGB: (255, 155, 155); HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #fff176, RGB: (255, 241, 118)
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #202124, RGB: (32, 33, 36); HEX: #aaf683, RGB: (170, 246, 131)
Simplified version of palette colors
Shade of lightcoral, Shade of whitesmoke, Shade of Khaki, Tint of slateblue, Shade of Black, Shade of palegreen
Color scheme was created by colorhunt
Colors codes in palette
Design Thinking Flow System color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ff9b9b | #ff9b9b | RGB(255, 155, 155) | Empathy Coral | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Define Cloud | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Ideate Yellow | — |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Prototype Indigo | — |
| #202124 | #202124 | RGB(32, 33, 36) | Test Black | Noble Black |
| #aaf683 | #aaf683 | RGB(170, 246, 131) | Iteration Mint | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ff9b9b | #f8f9fa | 1.91 |
#ff9b9b | #fff176 | 1.73 |
#ff9b9b | #aaf683 | 1.55 |
#f8f9fa | #fff176 | 1.1 |
#f8f9fa | #aaf683 | 1.22 |
#fff176 | #aaf683 | 1.11 |
Image palette Design Thinking Flow System png
Export Palette
Download the "Design Thinking Flow System" in multiple formats for seamless integration into your design projects.
Available formats: