Generate Palette
  1. Colors palettes
  2. Dynamic Data-Driven App Toolkit
Created at 07/11/2025 21:10
bycolourlock
  16

Dynamic Data-Driven App Toolkit

  • Metric Blue
    #118ab2
  • Realtime Cream
    #fff5e1
  • Filter Plum
    #7f5a83
  • Refresh Mint
    #a3f7bf
  • Sort Slate
    #6d6875
  • UI Graphite
    #2c2c2c
  • Update Yellow
    #ffe066
The palette consists of Light, Dark colors. Accent colors Metric Blue #118ab2 and Realtime Cream #fff5e1. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #2C2C2C (darkest) to #FFF5E1 (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): #118AB2, #2C2C2C, #6D6875, #7F5A83, #A3F7BF, #FFE066, #FFF5E1

Palette Dynamic Data-Driven App Toolkit has combination of 7 codes colors:
HEX: #118ab2, RGB: (17, 138, 178); HEX: #fff5e1, RGB: (255, 245, 225); HEX: #7f5a83, RGB: (127, 90, 131)
HEX: #a3f7bf, RGB: (163, 247, 191); HEX: #6d6875, RGB: (109, 104, 117); HEX: #2c2c2c, RGB: (44, 44, 44)
HEX: #ffe066, RGB: (255, 224, 102)
Simplified version of palette colors
Tint of steelblue, Shade of oldlace, Shade of darkmagenta, Shade of aquamarine, Shade of dimgrey, Shade of Black, Shade of gold
Color scheme was created by colourlock

Colors codes in palette

Dynamic Data-Driven App Toolkit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#118ab2 #118ab2 RGB(17, 138, 178)Metric Blue—
#fff5e1 #fff5e1 RGB(255, 245, 225)Realtime Cream—
#7f5a83 #7f5a83 RGB(127, 90, 131)Filter Plum—
#a3f7bf #a3f7bf RGB(163, 247, 191)Refresh Mint—
#6d6875 #6d6875 RGB(109, 104, 117)Sort Slate—
#2c2c2c #2c2c2c RGB(44, 44, 44)UI Graphite—
#ffe066 #ffe066 RGB(255, 224, 102)Update Yellow—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#118ab2
#7f5a83
1.43
#118ab2
#6d6875
1.36
#fff5e1
#a3f7bf
1.16
#fff5e1
#ffe066
1.2
#7f5a83
#6d6875
1.05
#a3f7bf
#ffe066
1.03

Image palette Dynamic Data-Driven App Toolkit png

Dynamic Data-Driven App Toolkit - #555052
 Download image