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
Created at 03/23/2026 20:59
The palette consists of Dark, Light, Semi dark 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) — 57% of colors are vivid.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (4 of 7).
HEX codes (sorted): #0F172A, #22C55E, #3B82F6, #6B7280, #DC2626, #F1F5F9, #F97316
Palette DevOps Pipeline Monitoring Dashboard Palette combines 7 color codes:
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
Tint of Black, Shade of limegreen, Shade of dodgerblue, Tint of chocolate, Shade of slategrey, Shade of aliceblue, Tint of crimson
Color scheme was created by bad_colors
Color 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: