Loading...
Created at 03/18/2023 23:02
Landingpage web ux website colours
- Eucalyptus#3acd99
- Pearl Aqua#81d4bc
- Deep Green-Cyan Turquoise#148d6c
- Toolbox#6f72b2
- Laurel Green#b0c7a2
- Dark Gunmetal#21222c
The palette consists of Light, Dark colors. Accent colors Eucalyptus #3acd99 and Deep Green-Cyan Turquoise #148d6c. Palette has Cool, Neutral colors temperature.
By lightness, this palette runs from #21222C (darkest) to #B0C7A2 (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): #148D6C, #21222C, #3ACD99, #6F72B2, #81D4BC, #B0C7A2
Palette Landingpage web ux website colours has combination of 6 codes colors:
HEX: #3acd99, RGB: (58, 205, 153); HEX: #81d4bc, RGB: (129, 212, 188); HEX: #148d6c, RGB: (20, 141, 108)
HEX: #6f72b2, RGB: (111, 114, 178); HEX: #b0c7a2, RGB: (176, 199, 162); HEX: #21222c, RGB: (33, 34, 44)
Simplified version of palette colors
Tint of mediumaquamarine, Shade of mediumaquamarine, Tint of seashell, Shade of slateblue, Shade of darkseagreen, Shade of Black
Color scheme was created by colourlock
Colors codes in palette
Landingpage web ux website colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3acd99 | #3acd99 | RGB(58, 205, 153) | Eucalyptus | — |
| #81d4bc | #81d4bc | RGB(129, 212, 188) | Pearl Aqua | — |
| #148d6c | #148d6c | RGB(20, 141, 108) | Deep Green-Cyan Turquoise | — |
| #6f72b2 | #6f72b2 | RGB(111, 114, 178) | Toolbox | — |
| #b0c7a2 | #b0c7a2 | RGB(176, 199, 162) | Laurel Green | — |
| #21222c | #21222c | RGB(33, 34, 44) | Dark Gunmetal | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3acd99 | #81d4bc | 1.16 |
#3acd99 | #b0c7a2 | 1.11 |
#81d4bc | #b0c7a2 | 1.04 |
#148d6c | #6f72b2 | 1.06 |
Image palette Landingpage web ux website colours png
Export Palette
Download the "Landingpage web ux website colours" in multiple formats for seamless integration into your design projects.
Available formats: