Page builder color palette
- #d1d1d2
- #7a8aa0
- #cfe4f4
- #d49da1
- #6996e9
- #2c5cfd
- #019245
- #30354e
Created at 08/02/2018 09:52
The palette consists of Light, Semi dark colors. Accent colors #d49da1 and #019245. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #30354E (darkest) to #CFE4F4 (lightest). The lightness range is wide.
Saturation is mixed — 3 muted and 4 vivid out of 8 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (6 of 8).
HEX codes (sorted): #019245, #2C5CFD, #30354E, #6996E9, #7A8AA0, #CFE4F4, #D1D1D2, #D49DA1
Palette Page builder color palette combines 8 color codes:
HEX: #d1d1d2, RGB: (209, 209, 210); HEX: #7a8aa0, RGB: (122, 138, 160); HEX: #cfe4f4, RGB: (207, 228, 244)
HEX: #d49da1, RGB: (212, 157, 161); HEX: #6996e9, RGB: (105, 150, 233); HEX: #2c5cfd, RGB: (44, 92, 253)
HEX: #019245, RGB: (1, 146, 69); HEX: #30354e, RGB: (48, 53, 78)
Simplified version of palette colors
Shade of Light Gray, Tint of Light Slate Gray, Shade of Alice Blue, Tint of Rosy Brown, Tint of Cornflower Blue, Shade of Royal Blue, Shade of Sea Green, Shade of Dark Slate Blue
Color scheme was created by colorswall
Color codes in palette
Page builder color palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #d1d1d2 | #d1d1d2 | RGB(209, 209, 210) | — | — |
| #7a8aa0 | #7a8aa0 | RGB(122, 138, 160) | — | — |
| #cfe4f4 | #cfe4f4 | RGB(207, 228, 244) | — | — |
| #d49da1 | #d49da1 | RGB(212, 157, 161) | — | — |
| #6996e9 | #6996e9 | RGB(105, 150, 233) | — | — |
| #2c5cfd | #2c5cfd | RGB(44, 92, 253) | — | — |
| #019245 | #019245 | RGB(1, 146, 69) | — | — |
| #30354e | #30354e | RGB(48, 53, 78) | — | — |
Color Palette Contrast
13 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#d1d1d2 | #cfe4f4 | 1.16 |
#d1d1d2 | #d49da1 | 1.5 |
#d1d1d2 | #6996e9 | 1.92 |
#7a8aa0 | #d49da1 | 1.53 |
#7a8aa0 | #6996e9 | 1.19 |
#7a8aa0 | #2c5cfd | 1.47 |
Image palette Page builder color palette png
Export Palette
Download the "Page builder color palette" in multiple formats for seamless integration into your design projects.
Available formats: