Cloud Blueprint Solution Architect UI Kit
- Architect Deep Teal#0f766e
- Infrastructure Blue#2563eb
- Cloud White Base#f8fafc
- System Copper Accent#c2410c
- Stability Sage#84a98c
- Structural Stone Gray#94a3b8
- Planning Sun Yellow#facc15
Cloud Blueprint Solution Architect UI Kit has 7 colors spread across many hues. The lightest color is Cloud White Base (#F8FAFC), the darkest Architect Deep Teal (#0F766E). Its strongest contrast pair is #0F766E on #F8FAFC (5.2:1, WCAG AA).
By lightness, this palette runs from #0F766E (darkest) to #F8FAFC (lightest). The lightness range is moderate.
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): #0F766E, #2563EB, #84A98C, #94A3B8, #C2410C, #F8FAFC, #FACC15
Color codes in palette
Cloud Blueprint Solution Architect UI Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #0f766e | #0f766e | RGB(15, 118, 110) | Architect Deep Teal | — |
| #2563eb | #2563eb | RGB(37, 99, 235) | Infrastructure Blue | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Cloud White Base | — |
| #c2410c | #c2410c | RGB(194, 65, 12) | System Copper Accent | — |
| #84a98c | #84a98c | RGB(132, 169, 140) | Stability Sage | — |
| #94a3b8 | #94a3b8 | RGB(148, 163, 184) | Structural Stone Gray | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Planning Sun Yellow | — |
Color Palette Contrast
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#0f766e | #2563eb | 1.05 |
#0f766e | #c2410c | 1.05 |
#2563eb | #c2410c | 1 |
#2563eb | #84a98c | 1.97 |
#f8fafc | #facc15 | 1.46 |
#c2410c | #84a98c | 1.98 |
Image palette Cloud Blueprint Solution Architect UI Kit png
Export Palette
Available formats: