Created at 07/21/2025 12:39
Frontend Performance Audit Kit
Loadtime Cyan
#69ebd0
Paint Blue
#0096c7
Interaction Dust
#e2e2e2
Script Jet
#1a1a1a
Delay Red
#ff6363
Lighthouse Yellow
#ffe066
The palette consists of Light, Dark colors. Accent colors Paint Blue #0096c7 and Lighthouse Yellow #ffe066. Palette has Cool, Neutral, Warm colors temperature.
Palette Frontend Performance Audit Kit has combination of 6 codes colors:
HEX: #69ebd0, RGB: (105, 235, 208); HEX: #0096c7, RGB: (0, 150, 199); HEX: #e2e2e2, RGB: (226, 226, 226)
HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #ff6363, RGB: (255, 99, 99); HEX: #ffe066, RGB: (255, 224, 102)
Simplified version of palette colors
Shade of turquoise, Tint of steelblue, Shade of gainsboro, Shade of Black, Tint of salmon, Shade of gold
Color scheme was created by colorslib
Colors codes in palette
Frontend Performance Audit Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #69ebd0 | #69ebd0 | RGB(105, 235, 208) | Loadtime Cyan | — |
| #0096c7 | #0096c7 | RGB(0, 150, 199) | Paint Blue | — |
| #e2e2e2 | #e2e2e2 | RGB(226, 226, 226) | Interaction Dust | — |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Script Jet | Gray10 |
| #ff6363 | #ff6363 | RGB(255, 99, 99) | Delay Red | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Lighthouse Yellow | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#69ebd0 | #e2e2e2 | 1.12 |
#69ebd0 | #ff6363 | 1.99 |
#69ebd0 | #ffe066 | 1.11 |
#0096c7 | #ff6363 | 1.16 |
#e2e2e2 | #ffe066 | 1 |
Image palette Frontend Performance Audit Kit png
Export Palette
Download the "Frontend Performance Audit Kit" in multiple formats for seamless integration into your design projects.
Available formats: