LangChain Knowledge Graph Palette

Node Blue
#118ab2
Link Gold
#ffd166
Relation Pink
#f497b6
Query White
#fefefe
Graph Black
#121212
Cluster Mint
#95d5b2

The palette consists of Light, Dark colors. Accent colors Node Blue #118ab2 and Link Gold #ffd166. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #121212 (darkest) to #FEFEFE (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #118AB2, #121212, #95D5B2, #F497B6, #FEFEFE, #FFD166

Palette LangChain Knowledge Graph Palette has combination of 6 codes colors:

HEX: #118ab2, RGB: (17, 138, 178); HEX: #ffd166, RGB: (255, 209, 102); HEX: #f497b6, RGB: (244, 151, 182)

HEX: #fefefe, RGB: (254, 254, 254); HEX: #121212, RGB: (18, 18, 18); HEX: #95d5b2, RGB: (149, 213, 178)

Simplified version of palette colors

Tint of steelblue, Shade of gold, Tint of lightpink, Tint of White, Shade of Black, Shade of mediumaquamarine

Color scheme was created by colorday

More palettes with:

Colors codes in palette

LangChain Knowledge Graph Palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#118ab2	#118ab2	RGB(17, 138, 178)	Node Blue	—
#ffd166	#ffd166	RGB(255, 209, 102)	Link Gold	—
#f497b6	#f497b6	RGB(244, 151, 182)	Relation Pink	—
#fefefe	#fefefe	RGB(254, 254, 254)	Query White	White as Heaven
#121212	#121212	RGB(18, 18, 18)	Graph Black	Dark Tone Ink
#95d5b2	#95d5b2	RGB(149, 213, 178)	Cluster Mint	—

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#118ab2	#f497b6	1.87
#ffd166	#f497b6	1.46
#ffd166	#fefefe	1.42
#ffd166	#95d5b2	1.17
#f497b6	#95d5b2	1.25
#fefefe	#95d5b2	1.67

Image palette LangChain Knowledge Graph Palette png

LangChain Knowledge Graph Palette - #557652

--color-node-blue:	#118ab2;
--color-link-gold:	#ffd166;
--color-relation-pink:	#f497b6;
--color-query-white:	#fefefe;
--color-graph-black:	#121212;
--color-cluster-mint:	#95d5b2;

$color-node-blue:	#118ab2;
$color-link-gold:	#ffd166;
$color-relation-pink:	#f497b6;
$color-query-white:	#fefefe;
$color-graph-black:	#121212;
$color-cluster-mint:	#95d5b2;

@color-node-blue:	#118ab2;
@color-link-gold:	#ffd166;
@color-relation-pink:	#f497b6;
@color-query-white:	#fefefe;
@color-graph-black:	#121212;
@color-cluster-mint:	#95d5b2;