Generate Palette
  1. Color Palettes
  2. Responsive CSS Grid Engine

Responsive CSS Grid Engine

  • Column Coral
    #ff7043
  • Media Query Aqua
    #00bcd4
  • Gutter Lime
    #c6ff00
  • Flexbox Fog
    #eceff1
  • Layout Indigo
    #5e35b1
  • Baseline Black
    #121212
  31
Created at 07/07/2025 17:20
bycolorday
The palette consists of Light, Semi dark, Dark colors. Accent colors Gutter Lime #c6ff00 and Layout Indigo #5e35b1. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #121212 (darkest) to #ECEFF1 (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): #00BCD4, #121212, #5E35B1, #C6FF00, #ECEFF1, #FF7043

Palette Responsive CSS Grid Engine combines 6 color codes:
HEX: #ff7043, RGB: (255, 112, 67); HEX: #00bcd4, RGB: (0, 188, 212); HEX: #c6ff00, RGB: (198, 255, 0)
HEX: #eceff1, RGB: (236, 239, 241); HEX: #5e35b1, RGB: (94, 53, 177); HEX: #121212, RGB: (18, 18, 18)
Simplified version of palette colors
Shade of Coral, Shade of Dark Turquoise, Tint of Green Yellow, Shade of White Smoke, Tint of Dark Slate Blue, Tint of Black
Color scheme was created by colorday

Color codes in palette

Responsive CSS Grid Engine color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#ff7043#ff7043RGB(255, 112, 67)Column Coral—
#00bcd4#00bcd4RGB(0, 188, 212)Media Query Aqua—
#c6ff00#c6ff00RGB(198, 255, 0)Gutter Lime—
#eceff1#eceff1RGB(236, 239, 241)Flexbox Fog—
#5e35b1#5e35b1RGB(94, 53, 177)Layout Indigo—
#121212#121212RGB(18, 18, 18)Baseline BlackDark Tone Ink

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#ff7043
#00bcd4
1.19
#00bcd4
#c6ff00
1.93
#00bcd4
#eceff1
1.98
#c6ff00
#eceff1
1.02

Image palette Responsive CSS Grid Engine png

Responsive CSS Grid Engine color palette: Column Coral, Media Query Aqua, Gutter Lime, Flexbox Fog, Layout Indigo
 Download image