Created at 12/26/2025 12:33
AI Product Roadmap Planning Dashboard
- Milestone Charcoal#111827
- Objective Indigo#4f46e5
- Priority Cyan#22d3ee
- Risk Amber#fbbf24
- Decision Coral#fb7185
- Timeline Gray#9ca3af
- Canvas White#f8fafc
The palette consists of Dark, Semi dark, Light colors. Accent colors Priority Cyan #22d3ee and Risk Amber #fbbf24. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #111827 (darkest) to #F8FAFC (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).
Overall temperature among swatches leans cool.
HEX codes (sorted): #111827, #22D3EE, #4F46E5, #9CA3AF, #F8FAFC, #FB7185, #FBBF24
Palette AI Product Roadmap Planning Dashboard has combination of 7 codes colors:
HEX: #111827, RGB: (17, 24, 39); HEX: #4f46e5, RGB: (79, 70, 229); HEX: #22d3ee, RGB: (34, 211, 238)
HEX: #fbbf24, RGB: (251, 191, 36); HEX: #fb7185, RGB: (251, 113, 133); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #f8fafc, RGB: (248, 250, 252)
Simplified version of palette colors
Shade of Black, Tint of slateblue, Shade of darkturquoise, Shade of goldenrod, Tint of lightcoral, Tint of darkgrey, Shade of whitesmoke
Color scheme was created by colorscheme
Colors codes in palette
AI Product Roadmap Planning Dashboard color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #111827 | #111827 | RGB(17, 24, 39) | Milestone Charcoal | — |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Objective Indigo | — |
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Priority Cyan | — |
| #fbbf24 | #fbbf24 | RGB(251, 191, 36) | Risk Amber | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Decision Coral | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Timeline Gray | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Canvas White | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#22d3ee | #fbbf24 | 1.08 |
#22d3ee | #fb7185 | 1.48 |
#22d3ee | #9ca3af | 1.4 |
#22d3ee | #f8fafc | 1.72 |
#fbbf24 | #fb7185 | 1.61 |
#fbbf24 | #9ca3af | 1.52 |
Image palette AI Product Roadmap Planning Dashboard png
Export Palette
Download the "AI Product Roadmap Planning Dashboard" in multiple formats for seamless integration into your design projects.
Available formats: