Created at 07/20/2025 20:02
Cloud-Native Web Component Board
- Cluster Navy#012a4a
- Pod Yellow#ffe066
- YAML Gray#b5b5b5
- Kube Teal#5fd068
- Cloud White#f7f7f7
- Microservice Green#48bf91
The palette consists of Dark, Light colors. Accent colors Cluster Navy #012a4a and Pod Yellow #ffe066. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #012A4A (darkest) to #F7F7F7 (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
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): #012A4A, #48BF91, #5FD068, #B5B5B5, #F7F7F7, #FFE066
Palette Cloud-Native Web Component Board has combination of 6 codes colors:
HEX: #012a4a, RGB: (1, 42, 74); HEX: #ffe066, RGB: (255, 224, 102); HEX: #b5b5b5, RGB: (181, 181, 181)
HEX: #5fd068, RGB: (95, 208, 104); HEX: #f7f7f7, RGB: (247, 247, 247); HEX: #48bf91, RGB: (72, 191, 145)
Simplified version of palette colors
Tint of midnightblue, Shade of gold, Tint of Silver, Shade of limegreen, Shade of whitesmoke, Tint of mediumaquamarine
Color scheme was created by colorstudio
Colors codes in palette
Cloud-Native Web Component Board color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #012a4a | #012a4a | RGB(1, 42, 74) | Cluster Navy | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Pod Yellow | — |
| #b5b5b5 | #b5b5b5 | RGB(181, 181, 181) | YAML Gray | Brainstem Grey |
| #5fd068 | #5fd068 | RGB(95, 208, 104) | Kube Teal | — |
| #f7f7f7 | #f7f7f7 | RGB(247, 247, 247) | Cloud White | Lynx White |
| #48bf91 | #48bf91 | RGB(72, 191, 145) | Microservice Green | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffe066 | #b5b5b5 | 1.57 |
#ffe066 | #5fd068 | 1.5 |
#ffe066 | #f7f7f7 | 1.21 |
#ffe066 | #48bf91 | 1.76 |
#b5b5b5 | #5fd068 | 1.04 |
#b5b5b5 | #f7f7f7 | 1.91 |
Image palette Cloud-Native Web Component Board png
Export Palette
Download the "Cloud-Native Web Component Board" in multiple formats for seamless integration into your design projects.
Available formats: