Created at 12/31/2025 11:39
DevOps Pipeline Monitoring UI
Pipeline Carbon Gray
#18181b
Log Output Cloud
#f4f4f5
Build Status Cyan
#22d3ee
Deploy Success Emerald
#10b981
Rollback Warning Amber
#fbbf24
Failure Trace Red
#b91c1c
The palette consists of Dark, Light colors. Accent colors Build Status Cyan #22d3ee and Rollback Warning Amber #fbbf24. Palette has Neutral, Cool, Warm colors temperature.
Palette DevOps Pipeline Monitoring UI has combination of 6 codes colors:
HEX: #18181b, RGB: (24, 24, 27); HEX: #f4f4f5, RGB: (244, 244, 245); HEX: #22d3ee, RGB: (34, 211, 238)
HEX: #10b981, RGB: (16, 185, 129); HEX: #fbbf24, RGB: (251, 191, 36); HEX: #b91c1c, RGB: (185, 28, 28)
Simplified version of palette colors
Shade of Black, Tint of whitesmoke, Shade of darkturquoise, Tint of mediumseagreen, Shade of goldenrod, Tint of firebrick
Color scheme was created by coolor
Colors codes in palette
DevOps Pipeline Monitoring UI color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #18181b | #18181b | RGB(24, 24, 27) | Pipeline Carbon Gray | — |
| #f4f4f5 | #f4f4f5 | RGB(244, 244, 245) | Log Output Cloud | — |
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Build Status Cyan | — |
| #10b981 | #10b981 | RGB(16, 185, 129) | Deploy Success Emerald | — |
| #fbbf24 | #fbbf24 | RGB(251, 191, 36) | Rollback Warning Amber | — |
| #b91c1c | #b91c1c | RGB(185, 28, 28) | Failure Trace Red | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f4f4f5 | #22d3ee | 1.64 |
#f4f4f5 | #fbbf24 | 1.51 |
#22d3ee | #10b981 | 1.4 |
#22d3ee | #fbbf24 | 1.08 |
#10b981 | #fbbf24 | 1.51 |
