Data Engineering UI Flow Colors

Pipeline Blue
#0077b6
Schema White
#fafafa
Column Coral
#ff7f51
Query Graphite
#343a40
Table Cream
#f9f3df
Result Green
#9ae19d

The palette consists of Semi dark, Light colors. Accent colors Pipeline Blue #0077b6 and Column Coral #ff7f51. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #343A40 (darkest) to #FAFAFA (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): #0077B6, #343A40, #9AE19D, #F9F3DF, #FAFAFA, #FF7F51

Palette Data Engineering UI Flow Colors has combination of 6 codes colors:

HEX: #0077b6, RGB: (0, 119, 182); HEX: #fafafa, RGB: (250, 250, 250); HEX: #ff7f51, RGB: (255, 127, 81)

HEX: #343a40, RGB: (52, 58, 64); HEX: #f9f3df, RGB: (249, 243, 223); HEX: #9ae19d, RGB: (154, 225, 157)

Simplified version of palette colors

Tint of steelblue, Shade of whitesmoke, Shade of coral, Tint of darkslategrey, Tint of oldlace, Tint of lightgreen

Color scheme was created by colorstudio

More palettes with:

Colors codes in palette

Data Engineering UI Flow Colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#0077b6	#0077b6	RGB(0, 119, 182)	Pipeline Blue	—
#fafafa	#fafafa	RGB(250, 250, 250)	Schema White	Dr. White
#ff7f51	#ff7f51	RGB(255, 127, 81)	Column Coral	—
#343a40	#343a40	RGB(52, 58, 64)	Query Graphite	—
#f9f3df	#f9f3df	RGB(249, 243, 223)	Table Cream	Tizzy
#9ae19d	#9ae19d	RGB(154, 225, 157)	Result Green	—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.

Text Color	Background Color	Contrast Ratio
#0077b6	#ff7f51	1.94
#fafafa	#f9f3df	1.06
#fafafa	#9ae19d	1.47
#ff7f51	#9ae19d	1.62
#f9f3df	#9ae19d	1.38

Image palette Data Engineering UI Flow Colors png

Data Engineering UI Flow Colors - #556300

--color-pipeline-blue:	#0077b6;
--color-schema-white:	#fafafa;
--color-column-coral:	#ff7f51;
--color-query-graphite:	#343a40;
--color-table-cream:	#f9f3df;
--color-result-green:	#9ae19d;

$color-pipeline-blue:	#0077b6;
$color-schema-white:	#fafafa;
$color-column-coral:	#ff7f51;
$color-query-graphite:	#343a40;
$color-table-cream:	#f9f3df;
$color-result-green:	#9ae19d;

@color-pipeline-blue:	#0077b6;
@color-schema-white:	#fafafa;
@color-column-coral:	#ff7f51;
@color-query-graphite:	#343a40;
@color-table-cream:	#f9f3df;
@color-result-green:	#9ae19d;