Created at 07/11/2025 20:11
Responsive UI Layout Lab
Gridline Gray
#dadada
Flexbox Cyan
#56cfe1
Breakpoint Coral
#f15bb5
Container White
#ffffff
Stack Black
#1b1b1b
Spacer Blush
#ffd6e0
The palette consists of Light, Dark colors. Accent colors Flexbox Cyan #56cfe1 and Spacer Blush #ffd6e0. Palette has Neutral, Cool, Warm colors temperature.
Palette Responsive UI Layout Lab has combination of 6 codes colors:
HEX: #dadada, RGB: (218, 218, 218); HEX: #56cfe1, RGB: (86, 207, 225); HEX: #f15bb5, RGB: (241, 91, 181)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #1b1b1b, RGB: (27, 27, 27); HEX: #ffd6e0, RGB: (255, 214, 224)
Simplified version of palette colors
Tint of gainsboro, Shade of darkturquoise, Tint of hotpink, White, Shade of Black, Shade of Pink
Color scheme was created by palettespicker
Colors codes in palette
Responsive UI Layout Lab color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #dadada | #dadada | RGB(218, 218, 218) | Gridline Gray | — |
| #56cfe1 | #56cfe1 | RGB(86, 207, 225) | Flexbox Cyan | — |
| #f15bb5 | #f15bb5 | RGB(241, 91, 181) | Breakpoint Coral | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Container White | White |
| #1b1b1b | #1b1b1b | RGB(27, 27, 27) | Stack Black | Eerie Black |
| #ffd6e0 | #ffd6e0 | RGB(255, 214, 224) | Spacer Blush | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#dadada | #56cfe1 | 1.31 |
#dadada | #ffffff | 1.39 |
#dadada | #ffd6e0 | 1.06 |
#56cfe1 | #f15bb5 | 1.65 |
#56cfe1 | #ffffff | 1.84 |
#56cfe1 | #ffd6e0 | 1.39 |
