Loading...
Created at 02/19/2023 10:12
Color grid landing page ux colors palette
- Very Light Blue#6c44fb
- Atomic Tangerine#f6946a
- Yankees Blue#1c143c
- Blue Bell#9c90c8
- Pale Silver#c5bcb9
- Temptress#34201e
The palette consists of Semi dark, Light, Dark colors. Accent colors Very Light Blue #6c44fb and Atomic Tangerine #f6946a. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #1C143C (darkest) to #C5BCB9 (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
Hues are spread broadly around the wheel — a varied palette (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #1C143C, #34201E, #6C44FB, #9C90C8, #C5BCB9, #F6946A
Palette Color grid landing page ux colors palette has combination of 6 codes colors:
HEX: #6c44fb, RGB: (108, 68, 251); HEX: #f6946a, RGB: (246, 148, 106); HEX: #1c143c, RGB: (28, 20, 60)
HEX: #9c90c8, RGB: (156, 144, 200); HEX: #c5bcb9, RGB: (197, 188, 185); HEX: #34201e, RGB: (52, 32, 30)
Simplified version of palette colors
Shade of blueviolet, Tint of lightsalmon, Tint of midnightblue, Shade of mediumpurple, Tint of Silver, Shade of Black
Color scheme was created by colorslib
Colors codes in palette
Color grid landing page ux colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #6c44fb | #6c44fb | RGB(108, 68, 251) | Very Light Blue | — |
| #f6946a | #f6946a | RGB(246, 148, 106) | Atomic Tangerine | — |
| #1c143c | #1c143c | RGB(28, 20, 60) | Yankees Blue | — |
| #9c90c8 | #9c90c8 | RGB(156, 144, 200) | Blue Bell | — |
| #c5bcb9 | #c5bcb9 | RGB(197, 188, 185) | Pale Silver | — |
| #34201e | #34201e | RGB(52, 32, 30) | Temptress | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#6c44fb | #9c90c8 | 1.87 |
#f6946a | #9c90c8 | 1.29 |
#f6946a | #c5bcb9 | 1.2 |
#1c143c | #34201e | 1.12 |
#9c90c8 | #c5bcb9 | 1.55 |
Image palette Color grid landing page ux colors palette png
Export Palette
Download the "Color grid landing page ux colors palette" in multiple formats for seamless integration into your design projects.
Available formats: