Generate Palette
  1. Colors palettes
  2. No-Code Builder Interface Theme
Created at 07/10/2025 08:43
byraccoon
  1

No-Code Builder Interface Theme

  • Canvas Ice
    #f1f7f8
  • Drag Indigo
    #7c83fd
  • Drop Yellow
    #ffe066
  • Node Blush
    #ffbcbc
  • Block Graphite
    #2e2f2f
  • Form Aqua
    #c2f9ff
The palette consists of Light, Dark colors. Accent colors Drop Yellow #ffe066 and Form Aqua #c2f9ff. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #2E2F2F (darkest) to #F1F7F8 (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): #2E2F2F, #7C83FD, #C2F9FF, #F1F7F8, #FFBCBC, #FFE066

Palette No-Code Builder Interface Theme has combination of 6 codes colors:
HEX: #f1f7f8, RGB: (241, 247, 248); HEX: #7c83fd, RGB: (124, 131, 253); HEX: #ffe066, RGB: (255, 224, 102)
HEX: #ffbcbc, RGB: (255, 188, 188); HEX: #2e2f2f, RGB: (46, 47, 47); HEX: #c2f9ff, RGB: (194, 249, 255)
Simplified version of palette colors
Shade of whitesmoke, Shade of mediumslateblue, Shade of gold, Shade of lightpink, Shade of Black, Shade of paleturquoise
Color scheme was created by raccoon

Colors codes in palette

No-Code Builder Interface Theme color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f1f7f8 #f1f7f8 RGB(241, 247, 248)Canvas Ice—
#7c83fd #7c83fd RGB(124, 131, 253)Drag Indigo—
#ffe066 #ffe066 RGB(255, 224, 102)Drop Yellow—
#ffbcbc #ffbcbc RGB(255, 188, 188)Node BlushPeach Scone
#2e2f2f #2e2f2f RGB(46, 47, 47)Block Graphite—
#c2f9ff #c2f9ff RGB(194, 249, 255)Form Aqua—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f1f7f8
#ffe066
1.2
#f1f7f8
#ffbcbc
1.47
#f1f7f8
#c2f9ff
1.06
#ffe066
#ffbcbc
1.22
#ffe066
#c2f9ff
1.13
#ffbcbc
#c2f9ff
1.38

Image palette No-Code Builder Interface Theme png

No-Code Builder Interface Theme - #554554
 Download image