Created at 06/24/2025 17:32
Light Mode SaaS Interface
- Surface Snow#ffffff
- Highlight Coral#ffa697
- Tooltip Ink Gray#323232
- Navigation Lemon#fff385
- Input Border Silver#d6d9de
- Primary Sky#98cfff
The palette consists of Light colors. Accent colors Navigation Lemon #fff385 and Primary Sky #98cfff. Palette has Neutral, Warm, Cool colors temperature.
By lightness, this palette runs from #323232 (darkest) to #FFFFFF (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 warm.
HEX codes (sorted): #323232, #98CFFF, #D6D9DE, #FFA697, #FFF385, #FFFFFF
Palette Light Mode SaaS Interface has combination of 6 codes colors:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #ffa697, RGB: (255, 166, 151); HEX: #323232, RGB: (50, 50, 50)
HEX: #fff385, RGB: (255, 243, 133); HEX: #d6d9de, RGB: (214, 217, 222); HEX: #98cfff, RGB: (152, 207, 255)
Simplified version of palette colors
White, Shade of darksalmon, Shade of Black, Shade of Khaki, Tint of gainsboro, Shade of lightskyblue
Color scheme was created by colorslib
Colors codes in palette
Light Mode SaaS Interface color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface Snow | White |
| #ffa697 | #ffa697 | RGB(255, 166, 151) | Highlight Coral | — |
| #323232 | #323232 | RGB(50, 50, 50) | Tooltip Ink Gray | — |
| #fff385 | #fff385 | RGB(255, 243, 133) | Navigation Lemon | — |
| #d6d9de | #d6d9de | RGB(214, 217, 222) | Input Border Silver | — |
| #98cfff | #98cfff | RGB(152, 207, 255) | Primary Sky | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffffff | #ffa697 | 1.88 |
#ffffff | #fff385 | 1.14 |
#ffffff | #d6d9de | 1.41 |
#ffffff | #98cfff | 1.65 |
#ffa697 | #fff385 | 1.65 |
#ffa697 | #d6d9de | 1.33 |
Image palette Light Mode SaaS Interface png
Export Palette
Download the "Light Mode SaaS Interface" in multiple formats for seamless integration into your design projects.
Available formats: