React DevOps Telemetry UI
- Pipeline Dust#d3d3d3
- Hook Pink#f78fb3
- State Navy#35495e
- Deploy Grey#8e8e8e
- Monitor Blue#3d84a8
- Console Ice#f6f8fa
Created at 07/13/2025 09:29
The palette consists of Light, Semi dark colors. Accent colors Hook Pink #f78fb3 and Monitor Blue #3d84a8. Palette has Neutral, Warm, Cool colors temperature.
By lightness, this palette runs from #35495E (darkest) to #F6F8FA (lightest). The lightness range is wide.
Saturation is mixed — 3 muted and 1 vivid out of 6 colors.
A varied palette: its hues are spread across about 139° of the color wheel.
Overall temperature among swatches leans cool (2 of 6).
HEX codes (sorted): #35495E, #3D84A8, #8E8E8E, #D3D3D3, #F6F8FA, #F78FB3
Palette React DevOps Telemetry UI combines 6 color codes:
HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #f78fb3, RGB: (247, 143, 179); HEX: #35495e, RGB: (53, 73, 94)
HEX: #8e8e8e, RGB: (142, 142, 142); HEX: #3d84a8, RGB: (61, 132, 168); HEX: #f6f8fa, RGB: (246, 248, 250)
Simplified version of palette colors
Light Gray, Tint of Pale Violet Red, Shade of Dark Slate Blue, Tint of Grey, Shade of Steel Blue, Tint of White Smoke
Color scheme was created by hex
Color codes in palette
React DevOps Telemetry UI color codes HEX, RGB information in table
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#d3d3d3 | #f78fb3 | 1.47 |
#d3d3d3 | #f6f8fa | 1.4 |
#f78fb3 | #8e8e8e | 1.48 |
#f78fb3 | #3d84a8 | 1.88 |
#8e8e8e | #3d84a8 | 1.26 |
Image palette React DevOps Telemetry UI png
Export Palette
Download the "React DevOps Telemetry UI" in multiple formats for seamless integration into your design projects.
Available formats: