Loading...
Created at 07/13/2025 14:33
Intelligent Notification Design Kit
- Notice Yellow#fff176
- Feedback Indigo#5b5f97
- Dismiss Red#ff6b6b
- Hover Sky#c2f0fc
- Background White#fefefe
- Focus Charcoal#2e2e2e
The palette consists of Light, Semi dark, Dark colors. Accent colors Notice Yellow #fff176 and Hover Sky #c2f0fc. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #2E2E2E (darkest) to #FEFEFE (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
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): #2E2E2E, #5B5F97, #C2F0FC, #FEFEFE, #FF6B6B, #FFF176
Palette Intelligent Notification Design Kit has combination of 6 codes colors:
HEX: #fff176, RGB: (255, 241, 118); HEX: #5b5f97, RGB: (91, 95, 151); HEX: #ff6b6b, RGB: (255, 107, 107)
HEX: #c2f0fc, RGB: (194, 240, 252); HEX: #fefefe, RGB: (254, 254, 254); HEX: #2e2e2e, RGB: (46, 46, 46)
Simplified version of palette colors
Shade of Khaki, Tint of slateblue, Tint of salmon, Shade of powderblue, Tint of White, Shade of Black
Color scheme was created by hex
Colors codes in palette
Intelligent Notification Design Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #fff176 | #fff176 | RGB(255, 241, 118) | Notice Yellow | — |
| #5b5f97 | #5b5f97 | RGB(91, 95, 151) | Feedback Indigo | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Dismiss Red | — |
| #c2f0fc | #c2f0fc | RGB(194, 240, 252) | Hover Sky | — |
| #fefefe | #fefefe | RGB(254, 254, 254) | Background White | White as Heaven |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Focus Charcoal | Carbon Fiber |
Color Palette Contrast
3 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fff176 | #c2f0fc | 1.05 |
#fff176 | #fefefe | 1.15 |
#c2f0fc | #fefefe | 1.21 |
Image palette Intelligent Notification Design Kit png
Export Palette
Download the "Intelligent Notification Design Kit" in multiple formats for seamless integration into your design projects.
Available formats: