Created at 07/13/2025 17:36
Cloud Infrastructure UI Toolkit
Compute Navy
#1c2541
Log White
#faf9f6
Resource Yellow
#ffe156
Ingress Aqua
#a0fff7
Region Grey
#b4b4b4
API Coral
#ff6b6b
The palette consists of Dark, Light colors. Accent colors Resource Yellow #ffe156 and Ingress Aqua #a0fff7. Palette has Cool, Neutral, Warm colors temperature.
Palette Cloud Infrastructure UI Toolkit has combination of 6 codes colors:
HEX: #1c2541, RGB: (28, 37, 65); HEX: #faf9f6, RGB: (250, 249, 246); HEX: #ffe156, RGB: (255, 225, 86)
HEX: #a0fff7, RGB: (160, 255, 247); HEX: #b4b4b4, RGB: (180, 180, 180); HEX: #ff6b6b, RGB: (255, 107, 107)
Simplified version of palette colors
Shade of midnightblue, Shade of whitesmoke, Shade of gold, Shade of paleturquoise, Shade of darkgrey, Tint of salmon
Color scheme was created by colorstudio
Colors codes in palette
Cloud Infrastructure UI Toolkit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #1c2541 | #1c2541 | RGB(28, 37, 65) | Compute Navy | — |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Log White | — |
| #ffe156 | #ffe156 | RGB(255, 225, 86) | Resource Yellow | — |
| #a0fff7 | #a0fff7 | RGB(160, 255, 247) | Ingress Aqua | — |
| #b4b4b4 | #b4b4b4 | RGB(180, 180, 180) | Region Grey | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | API Coral | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#faf9f6 | #ffe156 | 1.23 |
#faf9f6 | #a0fff7 | 1.09 |
#faf9f6 | #b4b4b4 | 1.96 |
#ffe156 | #a0fff7 | 1.12 |
#ffe156 | #b4b4b4 | 1.59 |
#a0fff7 | #b4b4b4 | 1.79 |
