Generate Palette
  1. Color Palettes
  2. Frontend Data-Driven Gridspace

Frontend Data-Driven Gridspace

  • Metric Aqua
    #a0e7e5
  • Chart Coral
    #ffaaa7
  • Table Sand
    #fff1cf
  • Visual Navy
    #3d5a80
  • Label Ink
    #222222
  1
Created at 07/08/2025 19:37
bybad_colors
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) — 60% 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): #222222, #3D5A80, #A0E7E5, #FFAAA7, #FFF1CF

Palette Frontend Data-Driven Gridspace combines 5 color codes:
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
Shade of Pale Turquoise, Shade of Light Pink, Tint of Papaya Whip, Tint of Dark Slate Blue, Tint of Black
Color scheme was created by bad_colors

Color codes in palette

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

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

Color Palette Contrast

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

Image palette Frontend Data-Driven Gridspace png

Frontend Data-Driven Gridspace color palette: Metric Aqua, Chart Coral, Table Sand, Visual Navy, Label Ink
 Download image