Created at 10/23/2025 08:19
Cloud Interaction UI Mirage
- Sky Whisper#ddebff
- Warm Beige#ead8c0
- Data Blue#4589ff
- Soft Black#1f1f1f
- Fog Gray#f3f3f3
- Aura Pink#f7a8b8
- Electric Mint#a8f0c6
The palette consists of Light, Dark colors. Accent colors Sky Whisper #ddebff and Aura Pink #f7a8b8. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #1F1F1F (darkest) to #F3F3F3 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Most swatches read as neutral in color temperature.
HEX codes (sorted): #1F1F1F, #4589FF, #A8F0C6, #DDEBFF, #EAD8C0, #F3F3F3, #F7A8B8
Palette Cloud Interaction UI Mirage has combination of 7 codes colors:
HEX: #ddebff, RGB: (221, 235, 255); HEX: #ead8c0, RGB: (234, 216, 192); HEX: #4589ff, RGB: (69, 137, 255)
HEX: #1f1f1f, RGB: (31, 31, 31); HEX: #f3f3f3, RGB: (243, 243, 243); HEX: #f7a8b8, RGB: (247, 168, 184)
HEX: #a8f0c6, RGB: (168, 240, 198)
Simplified version of palette colors
Tint of aliceblue, Tint of antiquewhite, Tint of cornflowerblue, Shade of Black, Tint of whitesmoke, Tint of lightpink, Shade of aquamarine
Color scheme was created by hex
Colors codes in palette
Cloud Interaction UI Mirage color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ddebff | #ddebff | RGB(221, 235, 255) | Sky Whisper | — |
| #ead8c0 | #ead8c0 | RGB(234, 216, 192) | Warm Beige | — |
| #4589ff | #4589ff | RGB(69, 137, 255) | Data Blue | — |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Soft Black | Gray12 |
| #f3f3f3 | #f3f3f3 | RGB(243, 243, 243) | Fog Gray | — |
| #f7a8b8 | #f7a8b8 | RGB(247, 168, 184) | Aura Pink | — |
| #a8f0c6 | #a8f0c6 | RGB(168, 240, 198) | Electric Mint | — |
Color Palette Contrast
11 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ddebff | #ead8c0 | 1.15 |
#ddebff | #f3f3f3 | 1.08 |
#ddebff | #f7a8b8 | 1.54 |
#ddebff | #a8f0c6 | 1.09 |
#ead8c0 | #f3f3f3 | 1.25 |
#ead8c0 | #f7a8b8 | 1.34 |
Image palette Cloud Interaction UI Mirage png
Export Palette
Download the "Cloud Interaction UI Mirage" in multiple formats for seamless integration into your design projects.
Available formats: