Created at 08/11/2025 08:50
Augmented UI React Portal
- Framework Sky#4fb3f6
- JSX Tangerine#ff9933
- Virtual Panel White#f8f9fa
- Accessible Navy#112d4e
- State Hook Teal#00a6a6
- Redux Pink#ff6f91
- Semantic Violet#7e5a9b
- Gridline Gray#8d99ae
The palette consists of Light, Dark colors. Accent colors JSX Tangerine #ff9933 and State Hook Teal #00a6a6. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #112D4E (darkest) to #F8F9FA (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): #00A6A6, #112D4E, #4FB3F6, #7E5A9B, #8D99AE, #F8F9FA, #FF6F91, #FF9933
Palette Augmented UI React Portal has combination of 8 codes colors:
HEX: #4fb3f6, RGB: (79, 179, 246); HEX: #ff9933, RGB: (255, 153, 51); HEX: #f8f9fa, RGB: (248, 249, 250)
HEX: #112d4e, RGB: (17, 45, 78); HEX: #00a6a6, RGB: (0, 166, 166); HEX: #ff6f91, RGB: (255, 111, 145)
HEX: #7e5a9b, RGB: (126, 90, 155); HEX: #8d99ae, RGB: (141, 153, 174)
Simplified version of palette colors
Shade of deepskyblue, Shade of darkorange, Shade of whitesmoke, Shade of midnightblue, Tint of lightseagreen, Shade of palevioletred, Shade of slateblue, Shade of lightslategrey
Color scheme was created by coolor
Colors codes in palette
Augmented UI React Portal color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #4fb3f6 | #4fb3f6 | RGB(79, 179, 246) | Framework Sky | — |
| #ff9933 | #ff9933 | RGB(255, 153, 51) | JSX Tangerine | Indian Saffron |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Virtual Panel White | — |
| #112d4e | #112d4e | RGB(17, 45, 78) | Accessible Navy | — |
| #00a6a6 | #00a6a6 | RGB(0, 166, 166) | State Hook Teal | — |
| #ff6f91 | #ff6f91 | RGB(255, 111, 145) | Redux Pink | — |
| #7e5a9b | #7e5a9b | RGB(126, 90, 155) | Semantic Violet | — |
| #8d99ae | #8d99ae | RGB(141, 153, 174) | Gridline Gray | — |
Color Palette Contrast
12 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#4fb3f6 | #ff9933 | 1.08 |
#4fb3f6 | #00a6a6 | 1.3 |
#4fb3f6 | #ff6f91 | 1.14 |
#4fb3f6 | #8d99ae | 1.24 |
#ff9933 | #00a6a6 | 1.4 |
#ff9933 | #ff6f91 | 1.24 |
Image palette Augmented UI React Portal png
Export Palette
Download the "Augmented UI React Portal" in multiple formats for seamless integration into your design projects.
Available formats: