Loading...
Created at 08/20/2025 14:16
Next-Gen React Dashboard Intelligence
- Hook Indigo#3f51b5
- JSX Coral#ff6f61
- Virtual Mint#98ff98
- Component Yellow#ffd93d
- State Gray#e1e8eb
- Dark Mode Blue#0d1b2a
The palette consists of Semi dark, Light, Dark colors. Accent colors Virtual Mint #98ff98 and Component Yellow #ffd93d. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #0D1B2A (darkest) to #E1E8EB (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #0D1B2A, #3F51B5, #98FF98, #E1E8EB, #FF6F61, #FFD93D
Palette Next-Gen React Dashboard Intelligence has combination of 6 codes colors:
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #ff6f61, RGB: (255, 111, 97); HEX: #98ff98, RGB: (152, 255, 152)
HEX: #ffd93d, RGB: (255, 217, 61); HEX: #e1e8eb, RGB: (225, 232, 235); HEX: #0d1b2a, RGB: (13, 27, 42)
Simplified version of palette colors
Tint of slateblue, Tint of salmon, Shade of palegreen, Shade of gold, Tint of aliceblue, Shade of Black
Color scheme was created by bad_colors
Colors codes in palette
Next-Gen React Dashboard Intelligence color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Hook Indigo | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | JSX Coral | Living Coral |
| #98ff98 | #98ff98 | RGB(152, 255, 152) | Virtual Mint | Bright Mint |
| #ffd93d | #ffd93d | RGB(255, 217, 61) | Component Yellow | — |
| #e1e8eb | #e1e8eb | RGB(225, 232, 235) | State Gray | — |
| #0d1b2a | #0d1b2a | RGB(13, 27, 42) | Dark Mode Blue | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ff6f61 | #ffd93d | 1.98 |
#98ff98 | #ffd93d | 1.12 |
#98ff98 | #e1e8eb | 1 |
#ffd93d | #e1e8eb | 1.11 |
Image palette Next-Gen React Dashboard Intelligence png
Export Palette
Download the "Next-Gen React Dashboard Intelligence" in multiple formats for seamless integration into your design projects.
Available formats: