Created at 07/19/2025 07:40
Cloud Native Visual Stack
- Cluster Sky#bae6fd
- Pod Gray#9ca3af
- Service Orange#fdba74
- Ingress White#f8fafc
- Node Blue#60a5fa
- Volume Slate#64748b
- Dashboard Teal#2dd4bf
The palette consists of Light colors. Accent colors Cluster Sky #bae6fd and Service Orange #fdba74. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #64748B (darkest) to #F8FAFC (lightest). The lightness range is moderate.
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): #2DD4BF, #60A5FA, #64748B, #9CA3AF, #BAE6FD, #F8FAFC, #FDBA74
Palette Cloud Native Visual Stack has combination of 7 codes colors:
HEX: #bae6fd, RGB: (186, 230, 253); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #fdba74, RGB: (253, 186, 116)
HEX: #f8fafc, RGB: (248, 250, 252); HEX: #60a5fa, RGB: (96, 165, 250); HEX: #64748b, RGB: (100, 116, 139)
HEX: #2dd4bf, RGB: (45, 212, 191)
Simplified version of palette colors
Shade of lightblue, Tint of darkgrey, Shade of sandybrown, Shade of whitesmoke, Shade of cornflowerblue, Tint of slategrey, Tint of turquoise
Color scheme was created by coolor
Colors codes in palette
Cloud Native Visual Stack color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #bae6fd | #bae6fd | RGB(186, 230, 253) | Cluster Sky | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Pod Gray | — |
| #fdba74 | #fdba74 | RGB(253, 186, 116) | Service Orange | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Ingress White | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Node Blue | — |
| #64748b | #64748b | RGB(100, 116, 139) | Volume Slate | — |
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Dashboard Teal | — |
Color Palette Contrast
15 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#bae6fd | #9ca3af | 1.91 |
#bae6fd | #fdba74 | 1.27 |
#bae6fd | #f8fafc | 1.26 |
#bae6fd | #60a5fa | 1.91 |
#bae6fd | #2dd4bf | 1.4 |
#9ca3af | #fdba74 | 1.5 |
Image palette Cloud Native Visual Stack png
Export Palette
Download the "Cloud Native Visual Stack" in multiple formats for seamless integration into your design projects.
Available formats: