Created at 03/23/2026 20:59
DevOps Pipeline Monitoring Dashboard Palette
- Pipeline Navy#0f172a
- Deploy Green#22c55e
- Build Blue#3b82f6
- Alert Orange#f97316
- Log Gray#6b7280
- Infra Light#f1f5f9
- Critical Red#dc2626
The palette consists of Dark, Light colors. Accent colors Build Blue #3b82f6 and Alert Orange #f97316. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #0F172A (darkest) to #F1F5F9 (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): #0F172A, #22C55E, #3B82F6, #6B7280, #DC2626, #F1F5F9, #F97316
Palette DevOps Pipeline Monitoring Dashboard Palette has combination of 7 codes colors:
HEX: #0f172a, RGB: (15, 23, 42); HEX: #22c55e, RGB: (34, 197, 94); HEX: #3b82f6, RGB: (59, 130, 246)
HEX: #f97316, RGB: (249, 115, 22); HEX: #6b7280, RGB: (107, 114, 128); HEX: #f1f5f9, RGB: (241, 245, 249)
HEX: #dc2626, RGB: (220, 38, 38)
Simplified version of palette colors
Shade of Black, Tint of limegreen, Tint of dodgerblue, Shade of chocolate, Tint of slategrey, Tint of aliceblue, Shade of crimson
Color scheme was created by bad_colors
Colors codes in palette
DevOps Pipeline Monitoring Dashboard Palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #0f172a | #0f172a | RGB(15, 23, 42) | Pipeline Navy | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Deploy Green | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Build Blue | — |
| #f97316 | #f97316 | RGB(249, 115, 22) | Alert Orange | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Log Gray | — |
| #f1f5f9 | #f1f5f9 | RGB(241, 245, 249) | Infra Light | — |
| #dc2626 | #dc2626 | RGB(220, 38, 38) | Critical Red | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#22c55e | #3b82f6 | 1.61 |
#22c55e | #f97316 | 1.23 |
#3b82f6 | #f97316 | 1.31 |
#3b82f6 | #6b7280 | 1.31 |
#3b82f6 | #dc2626 | 1.31 |
#f97316 | #6b7280 | 1.72 |
Image palette DevOps Pipeline Monitoring Dashboard Palette png
Export Palette
Download the "DevOps Pipeline Monitoring Dashboard Palette" in multiple formats for seamless integration into your design projects.
Available formats: