Loading...
Created at 06/19/2025 20:56
  21

Clean UI Schema Builder

  • Node Cloud
    #e6f2f8
  • Key White
    #ffffff
  • Relation Navy
    #264653
  • Dataflow Rose
    #f4a6a6
  • Schema Gold
    #ffd166
  • Validator Teal
    #2a9d8f
Loading...
The palette consists of Light colors. Accent colors Schema Gold #ffd166 and Validator Teal #2a9d8f. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #264653 (darkest) to #FFFFFF (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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #264653, #2A9D8F, #E6F2F8, #F4A6A6, #FFD166, #FFFFFF

Palette Clean UI Schema Builder has combination of 6 codes colors:
HEX: #e6f2f8, RGB: (230, 242, 248); HEX: #ffffff, RGB: (255, 255, 255); HEX: #264653, RGB: (38, 70, 83)
HEX: #f4a6a6, RGB: (244, 166, 166); HEX: #ffd166, RGB: (255, 209, 102); HEX: #2a9d8f, RGB: (42, 157, 143)
Simplified version of palette colors
Tint of aliceblue, White, Tint of darkslategrey, Tint of lightpink, Shade of gold, Tint of lightseagreen
Color scheme was created by bad_colors

Colors codes in palette

Clean UI Schema Builder color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#e6f2f8 #e6f2f8 RGB(230, 242, 248)Node Cloud
#ffffff #ffffff RGB(255, 255, 255)Key WhiteWhite
#264653 #264653 RGB(38, 70, 83)Relation Navy
#f4a6a6 #f4a6a6 RGB(244, 166, 166)Dataflow Rose
#ffd166 #ffd166 RGB(255, 209, 102)Schema Gold
#2a9d8f #2a9d8f RGB(42, 157, 143)Validator Teal

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#e6f2f8
#ffffff
1.14
#e6f2f8
#f4a6a6
1.69
#e6f2f8
#ffd166
1.26
#ffffff
#f4a6a6
1.93
#ffffff
#ffd166
1.44
#f4a6a6
#ffd166
1.34

Image palette Clean UI Schema Builder png

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