Interactive Learning UI Flow
- Quiz Yellow#ffe066
- Hover Ink#111111
- Module Sky#8ecae6
- Score Green#00b894
- Popup Blush#ffd6d6
- Overlay White#fafafa
Created at 06/14/2025 19:45
The palette consists of Light, Dark colors. Accent colors Score Green #00b894 and Popup Blush #ffd6d6. Palette has Warm, Neutral, Cool colors temperature.
By lightness, this palette runs from #111111 (darkest) to #FAFAFA (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Warm and cool swatches are fairly balanced (2 warm, 2 cool).
HEX codes (sorted): #00B894, #111111, #8ECAE6, #FAFAFA, #FFD6D6, #FFE066
Palette Interactive Learning UI Flow combines 6 color codes:
HEX: #ffe066, RGB: (255, 224, 102); HEX: #111111, RGB: (17, 17, 17); HEX: #8ecae6, RGB: (142, 202, 230)
HEX: #00b894, RGB: (0, 184, 148); HEX: #ffd6d6, RGB: (255, 214, 214); HEX: #fafafa, RGB: (250, 250, 250)
Simplified version of palette colors
Tint of Gold, Tint of Black, Shade of Sky Blue, Shade of Medium Aquamarine, Shade of Misty Rose, Tint of White Smoke
Color scheme was created by colourlock
Color codes in palette
Interactive Learning UI Flow color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Quiz Yellow | — |
| #111111 | #111111 | RGB(17, 17, 17) | Hover Ink | Dreamless Sleep |
| #8ecae6 | #8ecae6 | RGB(142, 202, 230) | Module Sky | — |
| #00b894 | #00b894 | RGB(0, 184, 148) | Score Green | — |
| #ffd6d6 | #ffd6d6 | RGB(255, 214, 214) | Popup Blush | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Overlay White | Dr. White |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#ffe066 | #8ecae6 | 1.37 |
#ffe066 | #00b894 | 1.94 |
#ffe066 | #ffd6d6 | 1.01 |
#ffe066 | #fafafa | 1.24 |
#8ecae6 | #00b894 | 1.41 |
#8ecae6 | #ffd6d6 | 1.34 |
Image palette Interactive Learning UI Flow png
Export Palette
Download the "Interactive Learning UI Flow" in multiple formats for seamless integration into your design projects.
Available formats: