User Story Flowchart System
- Scenario Yellow#f4d35e
- Journey Seafoam#56c596
- Acceptance Grey#c2c1c2
- Persona Blush#fdaeae
- Interaction Graphite#2e2e2e
- Goal White Smoke#f5f5f5
Created at 07/11/2025 20:54
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 — 3 muted and 2 vivid out of 6 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans warm (2 of 6).
HEX codes (sorted): #2E2E2E, #56C596, #C2C1C2, #F4D35E, #F5F5F5, #FDAEAE
Palette User Story Flowchart System combines 6 color codes:
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
Tint of gold, Shade of mediumaquamarine, Tint of Silver, Shade of lightpink, Tint of Black
Color scheme was created by colorscheme
Color 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 | Whitesmoke |
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: