Created at 07/28/2025 10:56
JSX Interactive Journey UI
- DOM Pink#ffaacf
- State Blue#00c2ff
- Ref Gray#c5c6c7
- Render Orange#ff964f
- Mount Teal#4cd4cb
- Unhook White#fcfcfc
- Stack Black#1c1c1c
The palette consists of Light, Dark colors. Accent colors DOM Pink #ffaacf and State Blue #00c2ff. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #1C1C1C (darkest) to #FCFCFC (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).
Most swatches read as neutral in color temperature.
HEX codes (sorted): #00C2FF, #1C1C1C, #4CD4CB, #C5C6C7, #FCFCFC, #FF964F, #FFAACF
Palette JSX Interactive Journey UI has combination of 7 codes colors:
HEX: #ffaacf, RGB: (255, 170, 207); HEX: #00c2ff, RGB: (0, 194, 255); HEX: #c5c6c7, RGB: (197, 198, 199)
HEX: #ff964f, RGB: (255, 150, 79); HEX: #4cd4cb, RGB: (76, 212, 203); HEX: #fcfcfc, RGB: (252, 252, 252)
HEX: #1c1c1c, RGB: (28, 28, 28)
Simplified version of palette colors
Tint of lightpink, Shade of deepskyblue, Shade of Silver, Tint of sandybrown, Shade of mediumturquoise, Tint of White, Shade of Black
Color scheme was created by hex
Colors codes in palette
JSX Interactive Journey UI color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ffaacf | #ffaacf | RGB(255, 170, 207) | DOM Pink | — |
| #00c2ff | #00c2ff | RGB(0, 194, 255) | State Blue | — |
| #c5c6c7 | #c5c6c7 | RGB(197, 198, 199) | Ref Gray | Glacier Grey |
| #ff964f | #ff964f | RGB(255, 150, 79) | Render Orange | Pastel Orange |
| #4cd4cb | #4cd4cb | RGB(76, 212, 203) | Mount Teal | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Unhook White | Gray99 |
| #1c1c1c | #1c1c1c | RGB(28, 28, 28) | Stack Black | Gray11 |
Color Palette Contrast
13 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffaacf | #00c2ff | 1.17 |
#ffaacf | #c5c6c7 | 1.03 |
#ffaacf | #ff964f | 1.22 |
#ffaacf | #4cd4cb | 1.02 |
#ffaacf | #fcfcfc | 1.71 |
#00c2ff | #c5c6c7 | 1.2 |
Image palette JSX Interactive Journey UI png
Export Palette
Download the "JSX Interactive Journey UI" in multiple formats for seamless integration into your design projects.
Available formats: