Early Web Builder Colors
- HTML Tag Cream#fff5e1
- Hyperlink Ice#c4e9fa
- Form Field Blush#ffe0e0
- Frame Blue#adcfff
- UI Panel Lavender#d7c7ff
- Border Charcoal#2c2c2c
Created at 07/04/2025 10:12
The palette consists of Light, Dark colors. Accent colors HTML Tag Cream #fff5e1 and UI Panel Lavender #d7c7ff. Palette has Neutral, Cool colors temperature.
A part-spectral sequential scheme: the hue moves through one part of the spectrum while lightness changes step by step.
By lightness, this palette runs from #2C2C2C (darkest) to #FFF5E1 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma) — 83% 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): #2C2C2C, #ADCFFF, #C4E9FA, #D7C7FF, #FFE0E0, #FFF5E1
Palette Early Web Builder Colors combines 6 color codes:
HEX: #fff5e1, RGB: (255, 245, 225); HEX: #c4e9fa, RGB: (196, 233, 250); HEX: #ffe0e0, RGB: (255, 224, 224)
HEX: #adcfff, RGB: (173, 207, 255); HEX: #d7c7ff, RGB: (215, 199, 255); HEX: #2c2c2c, RGB: (44, 44, 44)
Simplified version of palette colors
Tint of Old Lace, Tint of Light Blue, Shade of Misty Rose, Tint of Light Steel Blue, Tint of Thistle, Tint of Black
Color scheme was created by palettespicker
Color codes in palette
Early Web Builder Colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #fff5e1 | #fff5e1 | RGB(255, 245, 225) | HTML Tag Cream | — |
| #c4e9fa | #c4e9fa | RGB(196, 233, 250) | Hyperlink Ice | — |
| #ffe0e0 | #ffe0e0 | RGB(255, 224, 224) | Form Field Blush | — |
| #adcfff | #adcfff | RGB(173, 207, 255) | Frame Blue | — |
| #d7c7ff | #d7c7ff | RGB(215, 199, 255) | UI Panel Lavender | — |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Border Charcoal | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#fff5e1 | #c4e9fa | 1.18 |
#fff5e1 | #ffe0e0 | 1.14 |
#fff5e1 | #adcfff | 1.47 |
#fff5e1 | #d7c7ff | 1.43 |
#c4e9fa | #ffe0e0 | 1.03 |
#c4e9fa | #adcfff | 1.24 |
Image palette Early Web Builder Colors png
Export Palette
Download the "Early Web Builder Colors" in multiple formats for seamless integration into your design projects.
Available formats: