Created at 07/04/2025 09:54
Responsive Layout Color Pack
Container Ivory
#fffdfc
Breakpoint Blue
#5fb3f6
Grid Gap Gray
#c4c4c4
Column Coral
#f88a74
Flexmode Black
#121212
Adaptive Green
#8ae3a1
The palette consists of Light, Dark colors. Accent colors Container Ivory #fffdfc and Breakpoint Blue #5fb3f6. Palette has Neutral, Cool, Warm colors temperature.
Palette Responsive Layout Color Pack has combination of 6 codes colors:
HEX: #fffdfc, RGB: (255, 253, 252); HEX: #5fb3f6, RGB: (95, 179, 246); HEX: #c4c4c4, RGB: (196, 196, 196)
HEX: #f88a74, RGB: (248, 138, 116); HEX: #121212, RGB: (18, 18, 18); HEX: #8ae3a1, RGB: (138, 227, 161)
Simplified version of palette colors
Tint of White, Shade of deepskyblue, Shade of Silver, Shade of salmon, Shade of Black, Tint of lightgreen
Color scheme was created by raccoon
Colors codes in palette
Responsive Layout Color Pack color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #fffdfc | #fffdfc | RGB(255, 253, 252) | Container Ivory | — |
| #5fb3f6 | #5fb3f6 | RGB(95, 179, 246) | Breakpoint Blue | — |
| #c4c4c4 | #c4c4c4 | RGB(196, 196, 196) | Grid Gap Gray | Weathered Stone |
| #f88a74 | #f88a74 | RGB(248, 138, 116) | Column Coral | — |
| #121212 | #121212 | RGB(18, 18, 18) | Flexmode Black | Dark Tone Ink |
| #8ae3a1 | #8ae3a1 | RGB(138, 227, 161) | Adaptive Green | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fffdfc | #c4c4c4 | 1.71 |
#fffdfc | #8ae3a1 | 1.52 |
#5fb3f6 | #c4c4c4 | 1.29 |
#5fb3f6 | #f88a74 | 1.04 |
#5fb3f6 | #8ae3a1 | 1.46 |
#c4c4c4 | #f88a74 | 1.35 |
Image palette Responsive Layout Color Pack png
Export Palette
Download the "Responsive Layout Color Pack" in multiple formats for seamless integration into your design projects.
Available formats: