Generate Palette
  1. Color Palettes
  2. Liquid Glass Webflow Suite

Liquid Glass Webflow Suite

  • Blur Mint
    #c1fff2
  • Chrome White
    #f9fafb
  • UI Sapphire
    #1976d2
  • Soft Gradient Rose
    #ffdee9
  • UI Code Black
    #1a1a1a
  1
Created at 07/08/2025 19:54
bybad_colors
The palette consists of Light, Semi dark, Dark colors. Accent colors Blur Mint #c1fff2 and Soft Gradient Rose #ffdee9. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #1A1A1A (darkest) to #F9FAFB (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 60% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Most swatches read as neutral in color temperature (3 of 5).

HEX codes (sorted): #1976D2, #1A1A1A, #C1FFF2, #F9FAFB, #FFDEE9

Palette Liquid Glass Webflow Suite combines 5 color codes:
HEX: #c1fff2, RGB: (193, 255, 242); HEX: #f9fafb, RGB: (249, 250, 251); HEX: #1976d2, RGB: (25, 118, 210)
HEX: #ffdee9, RGB: (255, 222, 233); HEX: #1a1a1a, RGB: (26, 26, 26)
Simplified version of palette colors
Tint of Pale Turquoise, Tint of White Smoke, Shade of Steel Blue, Shade of Misty Rose, Tint of Black
Color scheme was created by bad_colors

Color codes in palette

Liquid Glass Webflow Suite color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#c1fff2#c1fff2RGB(193, 255, 242)Blur Mint—
#f9fafb#f9fafbRGB(249, 250, 251)Chrome White—
#1976d2#1976d2RGB(25, 118, 210)UI Sapphire—
#ffdee9#ffdee9RGB(255, 222, 233)Soft Gradient Rose—
#1a1a1a#1a1a1aRGB(26, 26, 26)UI Code BlackGray10

Color Palette Contrast

3 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#c1fff2
#f9fafb
1.06
#c1fff2
#ffdee9
1.11
#f9fafb
#ffdee9
1.19

Image palette Liquid Glass Webflow Suite png

Liquid Glass Webflow Suite color palette: Blur Mint, Chrome White, UI Sapphire, Soft Gradient Rose, UI Code Black
 Download image