Visual Data Storytelling Dashboard
- Chart Gold#ffd166
- Narrative Blue#118ab2
- Focus Beige#fff6ec
- Legend Slate#6c757d
- Insight Purple#9d4edd
- Highlight White#fbfbfb
- Graphline Black#2f2f2f
Created at 07/11/2025 20:52
The palette consists of Light, Semi dark, Dark colors. Accent colors Narrative Blue #118ab2 and Focus Beige #fff6ec. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #2F2F2F (darkest) to #FBFBFB (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma) — 57% of colors are vivid.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Most swatches read as neutral in color temperature (4 of 7).
HEX codes (sorted): #118AB2, #2F2F2F, #6C757D, #9D4EDD, #FBFBFB, #FFD166, #FFF6EC
Palette Visual Data Storytelling Dashboard combines 7 color codes:
HEX: #ffd166, RGB: (255, 209, 102); HEX: #118ab2, RGB: (17, 138, 178); HEX: #fff6ec, RGB: (255, 246, 236)
HEX: #6c757d, RGB: (108, 117, 125); HEX: #9d4edd, RGB: (157, 78, 221); HEX: #fbfbfb, RGB: (251, 251, 251)
HEX: #2f2f2f, RGB: (47, 47, 47)
Simplified version of palette colors
Tint of Gold, Shade of Steel Blue, Tint of Seashell, Shade of Slate Gray, Tint of Dark Orchid, Shade of White, Tint of Black
Color scheme was created by colorstudio
Color codes in palette
Visual Data Storytelling Dashboard color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Chart Gold | — |
| #118ab2 | #118ab2 | RGB(17, 138, 178) | Narrative Blue | — |
| #fff6ec | #fff6ec | RGB(255, 246, 236) | Focus Beige | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | Legend Slate | Pompeii Ash |
| #9d4edd | #9d4edd | RGB(157, 78, 221) | Insight Purple | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Highlight White | Whiteout |
| #2f2f2f | #2f2f2f | RGB(47, 47, 47) | Graphline Black | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#ffd166 | #fff6ec | 1.34 |
#ffd166 | #fbfbfb | 1.39 |
#118ab2 | #6c757d | 1.18 |
#118ab2 | #9d4edd | 1.16 |
#fff6ec | #fbfbfb | 1.03 |
#6c757d | #9d4edd | 1.01 |
Image palette Visual Data Storytelling Dashboard png
Export Palette
Download the "Visual Data Storytelling Dashboard" in multiple formats for seamless integration into your design projects.
Available formats: