Created at 06/13/2025 11:47
Modern SaaS Light UI Elements
Brand Lilac
#e0bbe4
Data Cloud Blue
#a2d2ff
Modal Beige
#fff1e6
Chartline Teal
#70d6ff
Tooltip Sand
#f7f4ea
Action Black
#1e1e1e
The palette consists of Light, Dark colors. Accent colors Data Cloud Blue #a2d2ff and Modal Beige #fff1e6. Palette has Neutral, Cool colors temperature.
Palette Modern SaaS Light UI Elements has combination of 6 codes colors:
HEX: #e0bbe4, RGB: (224, 187, 228); HEX: #a2d2ff, RGB: (162, 210, 255); HEX: #fff1e6, RGB: (255, 241, 230)
HEX: #70d6ff, RGB: (112, 214, 255); HEX: #f7f4ea, RGB: (247, 244, 234); HEX: #1e1e1e, RGB: (30, 30, 30)
Simplified version of palette colors
Shade of thistle, Shade of lightskyblue, Shade of linen, Shade of skyblue, Tint of floralwhite, Shade of Black
Color scheme was created by colorstudio
Colors codes in palette
Modern SaaS Light UI Elements color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #e0bbe4 | #e0bbe4 | RGB(224, 187, 228) | Brand Lilac | — |
| #a2d2ff | #a2d2ff | RGB(162, 210, 255) | Data Cloud Blue | — |
| #fff1e6 | #fff1e6 | RGB(255, 241, 230) | Modal Beige | — |
| #70d6ff | #70d6ff | RGB(112, 214, 255) | Chartline Teal | — |
| #f7f4ea | #f7f4ea | RGB(247, 244, 234) | Tooltip Sand | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Action Black | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#e0bbe4 | #a2d2ff | 1.06 |
#e0bbe4 | #fff1e6 | 1.53 |
#e0bbe4 | #70d6ff | 1.02 |
#e0bbe4 | #f7f4ea | 1.53 |
#a2d2ff | #fff1e6 | 1.43 |
#a2d2ff | #70d6ff | 1.03 |
