Loading...
Created at 03/06/2026 18:18
AI Product Design System
- Product Blue#2563eb
- Concept Peach#ffadad
- Wireframe Gray#6c757d
- Prototype Teal#2a9d8f
- Ideation Lavender#b8a1e3
- Accent Lemon#ffe66d
- UX Rose#e76f51
The palette consists of Semi dark, Light colors. Accent colors Product Blue #2563eb and Accent Lemon #ffe66d. Palette has Cool, Warm colors temperature.
By lightness, this palette runs from #2A9D8F (darkest) to #FFADAD (lightest). The lightness range is moderate.
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): #2563EB, #2A9D8F, #6C757D, #B8A1E3, #E76F51, #FFADAD, #FFE66D
Palette AI Product Design System has combination of 7 codes colors:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #ffadad, RGB: (255, 173, 173); HEX: #6c757d, RGB: (108, 117, 125)
HEX: #2a9d8f, RGB: (42, 157, 143); HEX: #b8a1e3, RGB: (184, 161, 227); HEX: #ffe66d, RGB: (255, 230, 109)
HEX: #e76f51, RGB: (231, 111, 81)
Simplified version of palette colors
Tint of royalblue, Tint of lightpink, Tint of slategrey, Tint of lightseagreen, Tint of plum, Shade of Khaki, Shade of tomato
Color scheme was created by raccoon
Colors codes in palette
AI Product Design System color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #2563eb | #2563eb | RGB(37, 99, 235) | Product Blue | — |
| #ffadad | #ffadad | RGB(255, 173, 173) | Concept Peach | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | Wireframe Gray | Pompeii Ash |
| #2a9d8f | #2a9d8f | RGB(42, 157, 143) | Prototype Teal | — |
| #b8a1e3 | #b8a1e3 | RGB(184, 161, 227) | Ideation Lavender | — |
| #ffe66d | #ffe66d | RGB(255, 230, 109) | Accent Lemon | — |
| #e76f51 | #e76f51 | RGB(231, 111, 81) | UX Rose | — |
Color Palette Contrast
13 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#2563eb | #6c757d | 1.1 |
#2563eb | #2a9d8f | 1.55 |
#2563eb | #e76f51 | 1.67 |
#ffadad | #2a9d8f | 1.87 |
#ffadad | #b8a1e3 | 1.27 |
#ffadad | #ffe66d | 1.41 |
Image palette AI Product Design System png
Export Palette
Download the "AI Product Design System" in multiple formats for seamless integration into your design projects.
Available formats: