Created at 07/16/2025 20:27
Clean UI for Data-Driven Product Analytics
Metric Line Blue
#2a9d8f
Dashboard Ivory
#fffdf7
Insight Highlight Yellow
#ffe066
Event Red
#ef476f
Retention Graph Gray
#bcccdc
UI Background White
#f8f9fa
The palette consists of Light colors. Accent colors Metric Line Blue #2a9d8f and Dashboard Ivory #fffdf7. Palette has Cool, Neutral, Warm colors temperature.
Palette Clean UI for Data-Driven Product Analytics has combination of 6 codes colors:
HEX: #2a9d8f, RGB: (42, 157, 143); HEX: #fffdf7, RGB: (255, 253, 247); HEX: #ffe066, RGB: (255, 224, 102)
HEX: #ef476f, RGB: (239, 71, 111); HEX: #bcccdc, RGB: (188, 204, 220); HEX: #f8f9fa, RGB: (248, 249, 250)
Simplified version of palette colors
Tint of lightseagreen, Shade of floralwhite, Shade of gold, Shade of indianred, Shade of lightsteelblue, Shade of whitesmoke
Color scheme was created by coolor
Colors codes in palette
Clean UI for Data-Driven Product Analytics color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #2a9d8f | #2a9d8f | RGB(42, 157, 143) | Metric Line Blue | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Dashboard Ivory | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Insight Highlight Yellow | — |
| #ef476f | #ef476f | RGB(239, 71, 111) | Event Red | — |
| #bcccdc | #bcccdc | RGB(188, 204, 220) | Retention Graph Gray | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | UI Background White | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#2a9d8f | #ef476f | 1.08 |
#fffdf7 | #ffe066 | 1.28 |
#fffdf7 | #bcccdc | 1.61 |
#fffdf7 | #f8f9fa | 1.03 |
#ffe066 | #bcccdc | 1.25 |
#ffe066 | #f8f9fa | 1.23 |
Image palette Clean UI for Data-Driven Product Analytics png
Export Palette
Download the "Clean UI for Data-Driven Product Analytics" in multiple formats for seamless integration into your design projects.
Available formats: