Created at 06/17/2025 12:13
Gamified Learning UX Palette
- XP Flame#ff6f59
- Badge Mint#95fbc2
- Unlock Indigo#928bff
- Level Cream#fff9e6
- UI Dark Mode#1f1f23
- Starburst Yellow#ffee5a
- Feedback Pink#ff9dcb
The palette consists of Light, Dark colors. Accent colors Unlock Indigo #928bff and Level Cream #fff9e6. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #1F1F23 (darkest) to #FFF9E6 (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 warm.
HEX codes (sorted): #1F1F23, #928BFF, #95FBC2, #FF6F59, #FF9DCB, #FFEE5A, #FFF9E6
Palette Gamified Learning UX Palette has combination of 7 codes colors:
HEX: #ff6f59, RGB: (255, 111, 89); HEX: #95fbc2, RGB: (149, 251, 194); HEX: #928bff, RGB: (146, 139, 255)
HEX: #fff9e6, RGB: (255, 249, 230); HEX: #1f1f23, RGB: (31, 31, 35); HEX: #ffee5a, RGB: (255, 238, 90)
HEX: #ff9dcb, RGB: (255, 157, 203)
Simplified version of palette colors
Shade of tomato, Shade of aquamarine, Shade of mediumpurple, Shade of oldlace, Shade of Black, Shade of Yellow, Shade of plum
Color scheme was created by colorscheme
Colors codes in palette
Gamified Learning UX Palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ff6f59 | #ff6f59 | RGB(255, 111, 89) | XP Flame | — |
| #95fbc2 | #95fbc2 | RGB(149, 251, 194) | Badge Mint | — |
| #928bff | #928bff | RGB(146, 139, 255) | Unlock Indigo | — |
| #fff9e6 | #fff9e6 | RGB(255, 249, 230) | Level Cream | — |
| #1f1f23 | #1f1f23 | RGB(31, 31, 35) | UI Dark Mode | — |
| #ffee5a | #ffee5a | RGB(255, 238, 90) | Starburst Yellow | — |
| #ff9dcb | #ff9dcb | RGB(255, 157, 203) | Feedback Pink | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ff6f59 | #928bff | 1.04 |
#ff6f59 | #ff9dcb | 1.42 |
#95fbc2 | #fff9e6 | 1.18 |
#95fbc2 | #ffee5a | 1.04 |
#95fbc2 | #ff9dcb | 1.54 |
#928bff | #ff9dcb | 1.48 |
Image palette Gamified Learning UX Palette png
Export Palette
Download the "Gamified Learning UX Palette" in multiple formats for seamless integration into your design projects.
Available formats: