Created at 07/28/2025 11:10
React Quantum Story Mapper
JSX Coral
#ff8f70
Atomic Orange
#f6682f
State Chart Gold
#fdc500
Dom Shadow
#34393f
Component Canvas
#fbfbfe
Virtual Cyan
#00e3f6
The palette consists of Light colors. Accent colors State Chart Gold #fdc500 and Virtual Cyan #00e3f6. Palette has Warm, Cool, Neutral colors temperature.
Palette React Quantum Story Mapper has combination of 6 codes colors:
HEX: #ff8f70, RGB: (255, 143, 112); HEX: #f6682f, RGB: (246, 104, 47); HEX: #fdc500, RGB: (253, 197, 0)
HEX: #34393f, RGB: (52, 57, 63); HEX: #fbfbfe, RGB: (251, 251, 254); HEX: #00e3f6, RGB: (0, 227, 246)
Simplified version of palette colors
Shade of darksalmon, Shade of orangered, Tint of gold, Tint of darkslategrey, Tint of White, Shade of darkturquoise
Color scheme was created by bad_colors
Colors codes in palette
React Quantum Story Mapper color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ff8f70 | #ff8f70 | RGB(255, 143, 112) | JSX Coral | — |
| #f6682f | #f6682f | RGB(246, 104, 47) | Atomic Orange | — |
| #fdc500 | #fdc500 | RGB(253, 197, 0) | State Chart Gold | — |
| #34393f | #34393f | RGB(52, 57, 63) | Dom Shadow | — |
| #fbfbfe | #fbfbfe | RGB(251, 251, 254) | Component Canvas | — |
| #00e3f6 | #00e3f6 | RGB(0, 227, 246) | Virtual Cyan | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ff8f70 | #f6682f | 1.35 |
#ff8f70 | #fdc500 | 1.39 |
#ff8f70 | #00e3f6 | 1.41 |
#f6682f | #fdc500 | 1.89 |
#f6682f | #00e3f6 | 1.91 |
#fdc500 | #fbfbfe | 1.54 |
Image palette React Quantum Story Mapper png
Export Palette
Download the "React Quantum Story Mapper" in multiple formats for seamless integration into your design projects.
Available formats: