Loading...
Created at 06/13/2025 10:21
  1

Light Theme UI Wizard

  • Tooltip Vanilla
    #fff8e7
  • Highlight Aqua
    #60efff
  • Card Shadow Grey
    #dadde1
  • Component Mauve
    #cabbe9
  • Toggle Lemon
    #f9f871
  • Ink Black
    #101010
Loading...
The palette consists of Light, Dark colors. Accent colors Tooltip Vanilla #fff8e7 and Highlight Aqua #60efff. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #101010 (darkest) to #FFF8E7 (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): #101010, #60EFFF, #CABBE9, #DADDE1, #F9F871, #FFF8E7

Palette Light Theme UI Wizard has combination of 6 codes colors:
HEX: #fff8e7, RGB: (255, 248, 231); HEX: #60efff, RGB: (96, 239, 255); HEX: #dadde1, RGB: (218, 221, 225)
HEX: #cabbe9, RGB: (202, 187, 233); HEX: #f9f871, RGB: (249, 248, 113); HEX: #101010, RGB: (16, 16, 16)
Simplified version of palette colors
Shade of oldlace, Shade of cyan, Shade of gainsboro, Tint of thistle, Shade of Yellow, Shade of Black
Color scheme was created by colorstudio

Colors codes in palette

Light Theme UI Wizard color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fff8e7 #fff8e7 RGB(255, 248, 231)Tooltip VanillaCosmic Latte
#60efff #60efff RGB(96, 239, 255)Highlight Aqua
#dadde1 #dadde1 RGB(218, 221, 225)Card Shadow Grey
#cabbe9 #cabbe9 RGB(202, 187, 233)Component Mauve
#f9f871 #f9f871 RGB(249, 248, 113)Toggle Lemon
#101010 #101010 RGB(16, 16, 16)Ink Black

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fff8e7
#60efff
1.29
#fff8e7
#dadde1
1.28
#fff8e7
#cabbe9
1.68
#fff8e7
#f9f871
1.06
#60efff
#dadde1
1
#60efff
#cabbe9
1.29

Image palette Light Theme UI Wizard png

Loading...
Loading...
Loading...