Created at 07/11/2025 20:54
User Story Flowchart System
- Scenario Yellow#f4d35e
- Journey Seafoam#56c596
- Acceptance Grey#c2c1c2
- Persona Blush#fdaeae
- Interaction Graphite#2e2e2e
- Goal White Smoke#f5f5f5
The palette consists of Light, Dark colors. Accent colors Journey Seafoam #56c596 and Persona Blush #fdaeae. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #2E2E2E (darkest) to #F5F5F5 (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): #2E2E2E, #56C596, #C2C1C2, #F4D35E, #F5F5F5, #FDAEAE
Palette User Story Flowchart System has combination of 6 codes colors:
HEX: #f4d35e, RGB: (244, 211, 94); HEX: #56c596, RGB: (86, 197, 150); HEX: #c2c1c2, RGB: (194, 193, 194)
HEX: #fdaeae, RGB: (253, 174, 174); HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #f5f5f5, RGB: (245, 245, 245)
Simplified version of palette colors
Shade of gold, Tint of mediumaquamarine, Shade of Silver, Tint of lightpink, Shade of Black
Color scheme was created by colorscheme
Colors codes in palette
User Story Flowchart System color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f4d35e | #f4d35e | RGB(244, 211, 94) | Scenario Yellow | — |
| #56c596 | #56c596 | RGB(86, 197, 150) | Journey Seafoam | — |
| #c2c1c2 | #c2c1c2 | RGB(194, 193, 194) | Acceptance Grey | — |
| #fdaeae | #fdaeae | RGB(253, 174, 174) | Persona Blush | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Interaction Graphite | Carbon Fiber |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Goal White Smoke | White Smoke |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f4d35e | #56c596 | 1.45 |
#f4d35e | #c2c1c2 | 1.22 |
#f4d35e | #fdaeae | 1.2 |
#f4d35e | #f5f5f5 | 1.34 |
#56c596 | #c2c1c2 | 1.19 |
#56c596 | #fdaeae | 1.2 |
Image palette User Story Flowchart System png
Export Palette
Download the "User Story Flowchart System" in multiple formats for seamless integration into your design projects.
Available formats: