Generate Palette
  1. Color Palettes
  2. Webflow Dynamic Component Suite

Webflow Dynamic Component Suite

  • Interaction Sky
    #a3cef1
  • CMS Cream
    #fefae0
  • Trigger Teal
    #00c2a8
  • Scroll Grey
    #b8b8b8
  • Element Violet
    #b9fbc0
  • Breakpoint Charcoal
    #3a3a3a
  16
Created at 07/07/2025 15:10
byhex
The palette consists of Light, Semi dark colors. Accent colors Trigger Teal #00c2a8 and Scroll Grey #b8b8b8. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #3A3A3A (darkest) to #FEFAE0 (lightest). The lightness range is wide.

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

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

Overall temperature among swatches leans cool (3 of 6).

HEX codes (sorted): #00C2A8, #3A3A3A, #A3CEF1, #B8B8B8, #B9FBC0, #FEFAE0

Palette Webflow Dynamic Component Suite combines 6 color codes:
HEX: #a3cef1, RGB: (163, 206, 241); HEX: #fefae0, RGB: (254, 250, 224); HEX: #00c2a8, RGB: (0, 194, 168)
HEX: #b8b8b8, RGB: (184, 184, 184); HEX: #b9fbc0, RGB: (185, 251, 192); HEX: #3a3a3a, RGB: (58, 58, 58)
Simplified version of palette colors
Tint of Light Sky Blue, Tint of Cornsilk, Shade of Medium Aquamarine, Shade of Silver, Tint of Pale Green, Shade of Dark Slate Gray
Color scheme was created by hex

Color codes in palette

Webflow Dynamic Component Suite color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#a3cef1#a3cef1RGB(163, 206, 241)Interaction Sky—
#fefae0#fefae0RGB(254, 250, 224)CMS Cream—
#00c2a8#00c2a8RGB(0, 194, 168)Trigger Teal—
#b8b8b8#b8b8b8RGB(184, 184, 184)Scroll GreyFortress Grey
#b9fbc0#b9fbc0RGB(185, 251, 192)Element Violet—
#3a3a3a#3a3a3aRGB(58, 58, 58)Breakpoint Charcoal—

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#a3cef1
#fefae0
1.57
#a3cef1
#00c2a8
1.36
#a3cef1
#b8b8b8
1.19
#a3cef1
#b9fbc0
1.39
#fefae0
#b8b8b8
1.88
#fefae0
#b9fbc0
1.13

Image palette Webflow Dynamic Component Suite png

Webflow Dynamic Component Suite color palette: Interaction Sky, CMS Cream, Trigger Teal, Scroll Grey, Element Violet
 Download image