flat ui
- #1abc9c
- #2ecc71
- #3498db
- #9b59b6
- #34495e
- #16a085
- #27ae60
- #2980b9
- #8e44ad
- #2c3e50
- #f1c40f
- #e67e22
- #e74c3c
- #ecf0f1
- #95a5a6
- #f39c12
- #d35400
- #c0392b
- #bdc3c7
- #7f8c8d
Created at 09/11/2023 12:48
The palette consists of Light, Semi dark colors. Accent colors #16a085 and #d35400. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #2C3E50 (darkest) to #ECF0F1 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma) — 60% of colors are vivid.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (10 of 20).
HEX codes (sorted): #16A085, #1ABC9C, #27AE60, #2980B9, #2C3E50, #2ECC71, #34495E, #3498DB, #7F8C8D, #8E44AD, #95A5A6, #9B59B6, #BDC3C7, #C0392B, #D35400, #E67E22, #E74C3C, #ECF0F1, #F1C40F, #F39C12
Palette flat ui combines 20 color codes:
HEX: #1abc9c, RGB: (26, 188, 156); HEX: #2ecc71, RGB: (46, 204, 113); HEX: #3498db, RGB: (52, 152, 219)
HEX: #9b59b6, RGB: (155, 89, 182); HEX: #34495e, RGB: (52, 73, 94); HEX: #16a085, RGB: (22, 160, 133)
HEX: #27ae60, RGB: (39, 174, 96); HEX: #2980b9, RGB: (41, 128, 185); HEX: #8e44ad, RGB: (142, 68, 173)
HEX: #2c3e50, RGB: (44, 62, 80); HEX: #f1c40f, RGB: (241, 196, 15); HEX: #e67e22, RGB: (230, 126, 34)
HEX: #e74c3c, RGB: (231, 76, 60); HEX: #ecf0f1, RGB: (236, 240, 241); HEX: #95a5a6, RGB: (149, 165, 166)
HEX: #f39c12, RGB: (243, 156, 18); HEX: #d35400, RGB: (211, 84, 0); HEX: #c0392b, RGB: (192, 57, 43)
HEX: #bdc3c7, RGB: (189, 195, 199); HEX: #7f8c8d, RGB: (127, 140, 141)
Simplified version of palette colors
Shade of Medium Aquamarine, Tint of Medium Sea Green, Tint of Dodger Blue, Shade of Medium Orchid, Shade of Dark Slate Blue, Shade of Light Sea Green, Shade of Medium Sea Green, Shade of Steel Blue, Tint of Dark Orchid, Shade of Dark Slate Blue, Shade of Gold, Shade of Dark Orange, Shade of Tomato, Shade of White Smoke, Shade of Dark Gray, Shade of Orange, Shade of Chocolate, Tint of Firebrick, Tint of Silver, Tint of Grey
Color scheme was created by Zenuni
Color codes in palette
flat ui color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #1abc9c | #1abc9c | RGB(26, 188, 156) | — | — |
| #2ecc71 | #2ecc71 | RGB(46, 204, 113) | — | — |
| #3498db | #3498db | RGB(52, 152, 219) | — | — |
| #9b59b6 | #9b59b6 | RGB(155, 89, 182) | — | — |
| #34495e | #34495e | RGB(52, 73, 94) | — | — |
| #16a085 | #16a085 | RGB(22, 160, 133) | — | — |
| #27ae60 | #27ae60 | RGB(39, 174, 96) | — | — |
| #2980b9 | #2980b9 | RGB(41, 128, 185) | — | — |
| #8e44ad | #8e44ad | RGB(142, 68, 173) | — | — |
| #2c3e50 | #2c3e50 | RGB(44, 62, 80) | — | — |
| #f1c40f | #f1c40f | RGB(241, 196, 15) | — | — |
| #e67e22 | #e67e22 | RGB(230, 126, 34) | — | — |
| #e74c3c | #e74c3c | RGB(231, 76, 60) | — | — |
| #ecf0f1 | #ecf0f1 | RGB(236, 240, 241) | — | — |
| #95a5a6 | #95a5a6 | RGB(149, 165, 166) | — | — |
| #f39c12 | #f39c12 | RGB(243, 156, 18) | — | — |
| #d35400 | #d35400 | RGB(211, 84, 0) | — | — |
| #c0392b | #c0392b | RGB(192, 57, 43) | — | — |
| #bdc3c7 | #bdc3c7 | RGB(189, 195, 199) | — | — |
| #7f8c8d | #7f8c8d | RGB(127, 140, 141) | — | — |
Color Palette Contrast
119 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#1abc9c | #2ecc71 | 1.14 |
#1abc9c | #3498db | 1.3 |
#1abc9c | #9b59b6 | 1.93 |
#1abc9c | #16a085 | 1.36 |
#1abc9c | #27ae60 | 1.19 |
#1abc9c | #2980b9 | 1.78 |
Image palette flat ui png
Export Palette
Download the "flat ui" in multiple formats for seamless integration into your design projects.
Available formats: