Created at 08/11/2020 09:14
Flat UI colors in Pantone style
- Mountain Meadow#30ba8f
- Caribbean Green#1cd3a2
- Cerulean#1dacd6
- Vivid Violet#8f509d
- Outer Space#414a4c
- Jungle Green#3bb08f
- Green#1cac78
- Cerulean#1dacd6
- Royal Purple#7851a9
- Outer Space#414a4c
- Sunglow#ffcf48
- Mango Tango#ff8243
- Red Orange#ff5349
- White#ededed
- Manatee#979aaa
- Neon Carrot#ffa343
- Orange#ff7538
- Mahogany#cd4a4a
- Silver#cdc5c2
- Gray#95918c
The palette consists of Light, Semi dark colors. Accent colors Cerulean #1dacd6 and Cerulean #1dacd6 and Sunglow #ffcf48. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #414A4C (darkest) to #EDEDED (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #1CAC78, #1CD3A2, #1DACD6, #30BA8F, #3BB08F, #414A4C, #7851A9, #8F509D, #95918C, #979AAA, #CD4A4A, #CDC5C2, #EDEDED, #FF5349, #FF7538, #FF8243, #FFA343, #FFCF48
Palette Flat UI colors in Pantone style has combination of 20 codes colors:
HEX: #30ba8f, RGB: (48, 186, 143); HEX: #1cd3a2, RGB: (28, 211, 162); HEX: #1dacd6, RGB: (29, 172, 214)
HEX: #8f509d, RGB: (143, 80, 157); HEX: #414a4c, RGB: (65, 74, 76); HEX: #3bb08f, RGB: (59, 176, 143)
HEX: #1cac78, RGB: (28, 172, 120); HEX: #1dacd6, RGB: (29, 172, 214); HEX: #7851a9, RGB: (120, 81, 169)
HEX: #414a4c, RGB: (65, 74, 76); HEX: #ffcf48, RGB: (255, 207, 72); HEX: #ff8243, RGB: (255, 130, 67)
HEX: #ff5349, RGB: (255, 83, 73); HEX: #ededed, RGB: (237, 237, 237); HEX: #979aaa, RGB: (151, 154, 170)
HEX: #ffa343, RGB: (255, 163, 67); HEX: #ff7538, RGB: (255, 117, 56); HEX: #cd4a4a, RGB: (205, 74, 74)
HEX: #cdc5c2, RGB: (205, 197, 194); HEX: #95918c, RGB: (149, 145, 140)
Simplified version of palette colors
Shade of mediumseagreen, Tint of mediumaquamarine, Tint of deepskyblue, Shade of darkorchid, Shade of darkslategrey, Shade of lightseagreen, Tint of mediumseagreen, Tint of deepskyblue, Tint of slateblue, Shade of darkslategrey, Shade of gold, Shade of coral, Tint of tomato, Tint of whitesmoke, Tint of darkgrey, Tint of sandybrown, Tint of coral, Tint of indianred, Shade of Silver, Shade of Grey
Color scheme was created by colorswall
Colors codes in palette
Flat UI colors in Pantone style color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #30ba8f | #30ba8f | RGB(48, 186, 143) | Mountain Meadow | — |
| #1cd3a2 | #1cd3a2 | RGB(28, 211, 162) | Caribbean Green | Wild Caribbean Green |
| #1dacd6 | #1dacd6 | RGB(29, 172, 214) | Cerulean | Bright Cerulean |
| #8f509d | #8f509d | RGB(143, 80, 157) | Vivid Violet | Vicious Violet |
| #414a4c | #414a4c | RGB(65, 74, 76) | Outer Space | Dark Space |
| #3bb08f | #3bb08f | RGB(59, 176, 143) | Jungle Green | Walk in the Woods |
| #1cac78 | #1cac78 | RGB(28, 172, 120) | Green | Bright Camouflage |
| #1dacd6 | #1dacd6 | RGB(29, 172, 214) | Cerulean | Bright Cerulean |
| #7851a9 | #7851a9 | RGB(120, 81, 169) | Royal Purple | Royal Lavender |
| #414a4c | #414a4c | RGB(65, 74, 76) | Outer Space | Dark Space |
| #ffcf48 | #ffcf48 | RGB(255, 207, 72) | Sunglow | Sunglow Gecko |
| #ff8243 | #ff8243 | RGB(255, 130, 67) | Mango Tango | — |
| #ff5349 | #ff5349 | RGB(255, 83, 73) | Red Orange | Red Orange Juice |
| #ededed | #ededed | RGB(237, 237, 237) | White | White Edgar |
| #979aaa | #979aaa | RGB(151, 154, 170) | Manatee | Bright Manatee |
| #ffa343 | #ffa343 | RGB(255, 163, 67) | Neon Carrot | Radiation Carrot |
| #ff7538 | #ff7538 | RGB(255, 117, 56) | Orange | Synthetic Pumpkin |
| #cd4a4a | #cd4a4a | RGB(205, 74, 74) | Mahogany | African Mahogany |
| #cdc5c2 | #cdc5c2 | RGB(205, 197, 194) | Silver | Silver Cross |
| #95918c | #95918c | RGB(149, 145, 140) | Gray | Elephant Grey |
Color Palette Contrast
117 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#30ba8f | #1cd3a2 | 1.27 |
#30ba8f | #1dacd6 | 1.07 |
#30ba8f | #3bb08f | 1.09 |
#30ba8f | #1cac78 | 1.18 |
#30ba8f | #1dacd6 | 1.07 |
#30ba8f | #ffcf48 | 1.66 |
Image palette Flat UI colors in Pantone style png
Export Palette
Download the "Flat UI colors in Pantone style" in multiple formats for seamless integration into your design projects.
Available formats: