Loading...
Created at 06/09/2025 19:33
Turn-Based Combat Layer
- Action Button Red#f43f5e
- Skill Menu Gray#d4d4d8
- Elemental Wind Blue#93c5fd
- Earth Defense Green#4ade80
- HP Bar Orange#fb923c
- Overlay Black#111111
The palette consists of Light, Dark colors. Accent colors Elemental Wind Blue #93c5fd and HP Bar Orange #fb923c. Palette has Warm, Neutral, Cool colors temperature.
By lightness, this palette runs from #111111 (darkest) to #D4D4D8 (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).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #111111, #4ADE80, #93C5FD, #D4D4D8, #F43F5E, #FB923C
Palette Turn-Based Combat Layer has combination of 6 codes colors:
HEX: #f43f5e, RGB: (244, 63, 94); HEX: #d4d4d8, RGB: (212, 212, 216); HEX: #93c5fd, RGB: (147, 197, 253)
HEX: #4ade80, RGB: (74, 222, 128); HEX: #fb923c, RGB: (251, 146, 60); HEX: #111111, RGB: (17, 17, 17)
Simplified version of palette colors
Tint of indianred, Shade of lightgrey, Tint of lightskyblue, Shade of mediumspringgreen, Shade of darkorange, Shade of Black
Color scheme was created by hex
Colors codes in palette
Turn-Based Combat Layer color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Action Button Red | — |
| #d4d4d8 | #d4d4d8 | RGB(212, 212, 216) | Skill Menu Gray | — |
| #93c5fd | #93c5fd | RGB(147, 197, 253) | Elemental Wind Blue | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Earth Defense Green | — |
| #fb923c | #fb923c | RGB(251, 146, 60) | HP Bar Orange | — |
| #111111 | #111111 | RGB(17, 17, 17) | Overlay Black | Dreamless Sleep |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f43f5e | #fb923c | 1.62 |
#d4d4d8 | #93c5fd | 1.22 |
#d4d4d8 | #4ade80 | 1.17 |
#d4d4d8 | #fb923c | 1.53 |
#93c5fd | #4ade80 | 1.03 |
#93c5fd | #fb923c | 1.25 |
Image palette Turn-Based Combat Layer png
Export Palette
Download the "Turn-Based Combat Layer" in multiple formats for seamless integration into your design projects.
Available formats: