Generate Palette
  1. Colors palettes
  2. Frontend Data-Driven Gridspace
Created at 07/08/2025 19:37
bybad_colors
  1

Frontend Data-Driven Gridspace

  • Metric Aqua
    #a0e7e5
  • Chart Coral
    #ffaaa7
  • Table Sand
    #fff1cf
  • Visual Navy
    #3d5a80
  • Label Ink
    #222222
The palette consists of Light, Semi dark, Dark colors. Accent colors Metric Aqua #a0e7e5 and Table Sand #fff1cf. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #222222 (darkest) to #FFF1CF (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).

Overall temperature among swatches leans cool.

HEX codes (sorted): #222222, #3D5A80, #A0E7E5, #FFAAA7, #FFF1CF

Palette Frontend Data-Driven Gridspace has combination of 5 codes colors:
HEX: #a0e7e5, RGB: (160, 231, 229); HEX: #ffaaa7, RGB: (255, 170, 167); HEX: #fff1cf, RGB: (255, 241, 207)
HEX: #3d5a80, RGB: (61, 90, 128); HEX: #222222, RGB: (34, 34, 34)
Simplified version of palette colors
Tint of paleturquoise, Tint of lightpink, Shade of papayawhip, Shade of darkslateblue, Shade of Black
Color scheme was created by bad_colors

Colors codes in palette

Frontend Data-Driven Gridspace color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#a0e7e5 #a0e7e5 RGB(160, 231, 229)Metric Aqua—
#ffaaa7 #ffaaa7 RGB(255, 170, 167)Chart Coral—
#fff1cf #fff1cf RGB(255, 241, 207)Table SandBird's Child
#3d5a80 #3d5a80 RGB(61, 90, 128)Visual Navy—
#222222 #222222 RGB(34, 34, 34)Label InkBlack Out

Color Palette Contrast

3 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#a0e7e5
#ffaaa7
1.3
#a0e7e5
#fff1cf
1.24
#ffaaa7
#fff1cf
1.62

Image palette Frontend Data-Driven Gridspace png

Frontend Data-Driven Gridspace - #554319
 Download image