Loading...
Created at 04/17/2023 14:08
Graphic design interaction landing page palette
- Black#141414
- Deep Cerise#dc3c8c
- Cerise Pink#f03c8c
- Frostbite#dc3ca0
- Rose Bonbon#f03ca0
- Magnolia#fff0ff
The palette consists of Dark, Semi dark, Light colors. Accent colors Rose Bonbon #f03ca0 and Magnolia #fff0ff. Palette has Neutral, Warm colors temperature.
By lightness, this palette runs from #141414 (darkest) to #FFF0FF (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans warm.
HEX codes (sorted): #141414, #DC3C8C, #DC3CA0, #F03C8C, #F03CA0, #FFF0FF
Palette Graphic design interaction landing page palette has combination of 6 codes colors:
HEX: #141414, RGB: (20, 20, 20); HEX: #dc3c8c, RGB: (220, 60, 140); HEX: #f03c8c, RGB: (240, 60, 140)
HEX: #dc3ca0, RGB: (220, 60, 160); HEX: #f03ca0, RGB: (240, 60, 160); HEX: #fff0ff, RGB: (255, 240, 255)
Simplified version of palette colors
Shade of Black, Shade of deeppink, Shade of deeppink, Shade of deeppink, Shade of deeppink, Shade of lavenderblush
Color scheme was created by palettespicker
Colors codes in palette
Graphic design interaction landing page palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #dc3c8c | #dc3c8c | RGB(220, 60, 140) | Deep Cerise | — |
| #f03c8c | #f03c8c | RGB(240, 60, 140) | Cerise Pink | — |
| #dc3ca0 | #dc3ca0 | RGB(220, 60, 160) | Frostbite | — |
| #f03ca0 | #f03ca0 | RGB(240, 60, 160) | Rose Bonbon | — |
| #fff0ff | #fff0ff | RGB(255, 240, 255) | Magnolia | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#dc3c8c | #f03c8c | 1.13 |
#dc3c8c | #dc3ca0 | 1.02 |
#dc3c8c | #f03ca0 | 1.15 |
#f03c8c | #dc3ca0 | 1.1 |
#f03c8c | #f03ca0 | 1.02 |
#dc3ca0 | #f03ca0 | 1.12 |
Image palette Graphic design interaction landing page palette png
Export Palette
Download the "Graphic design interaction landing page palette" in multiple formats for seamless integration into your design projects.
Available formats: