NextJS Dashboard Interaction Map
- Client Request Blue#42a5f5
- Server Response Gray#9fa8da
- Dynamic Purple#9575cd
- Render Snow#f9fafb
- Hydration Pink#f8bbd0
- SSR Black#1c1c1e
Created at 07/07/2025 17:07
The palette consists of Light, Dark colors. Accent colors Client Request Blue #42a5f5 and Hydration Pink #f8bbd0. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #1C1C1E (darkest) to #F9FAFB (lightest). The lightness range is wide.
Saturation is mixed — 2 muted and 2 vivid out of 6 colors.
A varied palette: its hues are spread across about 133° of the color wheel.
Overall temperature among swatches leans cool (3 of 6).
HEX codes (sorted): #1C1C1E, #42A5F5, #9575CD, #9FA8DA, #F8BBD0, #F9FAFB
Palette NextJS Dashboard Interaction Map combines 6 color codes:
HEX: #42a5f5, RGB: (66, 165, 245); HEX: #9fa8da, RGB: (159, 168, 218); HEX: #9575cd, RGB: (149, 117, 205)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #f8bbd0, RGB: (248, 187, 208); HEX: #1c1c1e, RGB: (28, 28, 30)
Simplified version of palette colors
Tint of Dodger Blue, Shade of Light Steel Blue, Tint of Medium Purple, Tint of White Smoke, Shade of Pink, Tint of Black
Color scheme was created by palettespicker
Color codes in palette
NextJS Dashboard Interaction Map color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Client Request Blue | — |
| #9fa8da | #9fa8da | RGB(159, 168, 218) | Server Response Gray | — |
| #9575cd | #9575cd | RGB(149, 117, 205) | Dynamic Purple | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Render Snow | — |
| #f8bbd0 | #f8bbd0 | RGB(248, 187, 208) | Hydration Pink | — |
| #1c1c1e | #1c1c1e | RGB(28, 28, 30) | SSR Black | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#42a5f5 | #9fa8da | 1.14 |
#42a5f5 | #9575cd | 1.39 |
#42a5f5 | #f8bbd0 | 1.64 |
#9fa8da | #9575cd | 1.59 |
#9fa8da | #f8bbd0 | 1.43 |
#f9fafb | #f8bbd0 | 1.54 |
Image palette NextJS Dashboard Interaction Map png
Export Palette
Download the "NextJS Dashboard Interaction Map" in multiple formats for seamless integration into your design projects.
Available formats: