Created at 08/20/2025 05:39
Cognitive React UI Journey Map
- Neuron Blue#3e92cc
- Persona Coral#ff5c8a
- Data Path Green#4caf50
- Flowchart Yellow#ffbe0b
- Wireframe White#f9fafb
- Dark Grid Black#1a1a1a
- Optimizer Indigo#5a189a
The palette consists of Light, Dark colors. Accent colors Flowchart Yellow #ffbe0b and Optimizer Indigo #5a189a. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #1A1A1A (darkest) to #F9FAFB (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
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): #1A1A1A, #3E92CC, #4CAF50, #5A189A, #F9FAFB, #FF5C8A, #FFBE0B
Palette Cognitive React UI Journey Map has combination of 7 codes colors:
HEX: #3e92cc, RGB: (62, 146, 204); HEX: #ff5c8a, RGB: (255, 92, 138); HEX: #4caf50, RGB: (76, 175, 80)
HEX: #ffbe0b, RGB: (255, 190, 11); HEX: #f9fafb, RGB: (249, 250, 251); HEX: #1a1a1a, RGB: (26, 26, 26)
HEX: #5a189a, RGB: (90, 24, 154)
Simplified version of palette colors
Shade of dodgerblue, Tint of palevioletred, Tint of mediumseagreen, Shade of goldenrod, Shade of whitesmoke, Shade of Black, Shade of indigo
Color scheme was created by colorscheme
Colors codes in palette
Cognitive React UI Journey Map color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3e92cc | #3e92cc | RGB(62, 146, 204) | Neuron Blue | — |
| #ff5c8a | #ff5c8a | RGB(255, 92, 138) | Persona Coral | — |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | Data Path Green | — |
| #ffbe0b | #ffbe0b | RGB(255, 190, 11) | Flowchart Yellow | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Wireframe White | — |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Dark Grid Black | Gray10 |
| #5a189a | #5a189a | RGB(90, 24, 154) | Optimizer Indigo | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3e92cc | #ff5c8a | 1.15 |
#3e92cc | #4caf50 | 1.22 |
#ff5c8a | #4caf50 | 1.05 |
#ff5c8a | #ffbe0b | 1.76 |
#4caf50 | #ffbe0b | 1.67 |
#ffbe0b | #f9fafb | 1.59 |
Image palette Cognitive React UI Journey Map png
Export Palette
Download the "Cognitive React UI Journey Map" in multiple formats for seamless integration into your design projects.
Available formats: