Generate Palette
  1. Colors palettes
  2. Light Theme UI for SaaS Analytics
Created at 07/16/2025 11:57
bycolourlock
  16

Light Theme UI for SaaS Analytics

  • Metric White
    #fdfdfd
  • Chartline Blue
    #0077b6
  • Insight Teal
    #00b4d8
  • Conversion Salmon
    #ff6f61
  • Accessibility Lavender
    #e0bbe4
  • Growth Olive
    #a3b18a
The palette consists of Light, Semi dark colors. Accent colors Insight Teal #00b4d8 and Conversion Salmon #ff6f61. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #0077B6 (darkest) to #FDFDFD (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 cool.

HEX codes (sorted): #0077B6, #00B4D8, #A3B18A, #E0BBE4, #FDFDFD, #FF6F61

Palette Light Theme UI for SaaS Analytics has combination of 6 codes colors:
HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #0077b6, RGB: (0, 119, 182); HEX: #00b4d8, RGB: (0, 180, 216)
HEX: #ff6f61, RGB: (255, 111, 97); HEX: #e0bbe4, RGB: (224, 187, 228); HEX: #a3b18a, RGB: (163, 177, 138)
Simplified version of palette colors
Tint of White, Tint of steelblue, Tint of deepskyblue, Tint of salmon, Shade of thistle, Tint of darkseagreen
Color scheme was created by colourlock

Colors codes in palette

Light Theme UI for SaaS Analytics color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fdfdfd #fdfdfd RGB(253, 253, 253)Metric WhiteBrilliance
#0077b6 #0077b6 RGB(0, 119, 182)Chartline Blue—
#00b4d8 #00b4d8 RGB(0, 180, 216)Insight Teal—
#ff6f61 #ff6f61 RGB(255, 111, 97)Conversion SalmonLiving Coral
#e0bbe4 #e0bbe4 RGB(224, 187, 228)Accessibility Lavender—
#a3b18a #a3b18a RGB(163, 177, 138)Growth Olive—

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fdfdfd
#e0bbe4
1.66
#0077b6
#00b4d8
1.97
#0077b6
#ff6f61
1.78
#00b4d8
#ff6f61
1.1
#00b4d8
#e0bbe4
1.45
#00b4d8
#a3b18a
1.08

Image palette Light Theme UI for SaaS Analytics png

Light Theme UI for SaaS Analytics - #555624
 Download image