Created at 07/08/2025 08:15
Responsive DevOps Design System
- Deploy Navy#112d4e
- Commit Yellow#f7d154
- Pipeline Cream#fff8e3
- Terminal Black#1a1a1a
- Build Blue#4a90e2
The palette consists of Dark, Light colors. Accent colors Pipeline Cream #fff8e3 and Build Blue #4a90e2. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #1A1A1A (darkest) to #FFF8E3 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma) — 80% of colors are vivid.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool (2 of 5).
HEX codes (sorted): #112D4E, #1A1A1A, #4A90E2, #F7D154, #FFF8E3
Palette Responsive DevOps Design System combines 5 color codes:
HEX: #112d4e, RGB: (17, 45, 78); HEX: #f7d154, RGB: (247, 209, 84); HEX: #fff8e3, RGB: (255, 248, 227)
HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #4a90e2, RGB: (74, 144, 226)
Simplified version of palette colors
Tint of midnightblue, Tint of gold, Tint of cornsilk, Tint of Black, Tint of dodgerblue
Color scheme was created by palettespicker
Colors codes in palette
Responsive DevOps Design System color codes HEX, RGB information in table
Color Palette Contrast
2 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#112d4e | #1a1a1a | 1.25 |
#f7d154 | #fff8e3 | 1.39 |
Image palette Responsive DevOps Design System png
Export Palette
Download the "Responsive DevOps Design System" in multiple formats for seamless integration into your design projects.
Available formats: