Generate Palette
  1. Colors palettes
  2. Semantic Web UI Component Kit
Created at 07/16/2025 11:53
byraccoon
  6

Semantic Web UI Component Kit

  • Ontology Lavender
    #cdb4db
  • SPARQL Teal
    #00b8a9
  • Linked Data Cream
    #f9f9f9
  • Graph Hub Black
    #1a1a1a
  • Triplet Pink
    #f48fb1
  • Metadata Gold
    #ffd54f
The palette consists of Light, Dark colors. Accent colors SPARQL Teal #00b8a9 and Metadata Gold #ffd54f. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #1A1A1A (darkest) to #F9F9F9 (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): #00B8A9, #1A1A1A, #CDB4DB, #F48FB1, #F9F9F9, #FFD54F

Palette Semantic Web UI Component Kit has combination of 6 codes colors:
HEX: #cdb4db, RGB: (205, 180, 219); HEX: #00b8a9, RGB: (0, 184, 169); HEX: #f9f9f9, RGB: (249, 249, 249)
HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #f48fb1, RGB: (244, 143, 177); HEX: #ffd54f, RGB: (255, 213, 79)
Simplified version of palette colors
Tint of thistle, Tint of lightseagreen, Shade of whitesmoke, Shade of Black, Shade of palevioletred, Shade of gold
Color scheme was created by raccoon

Colors codes in palette

Semantic Web UI Component Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#cdb4db #cdb4db RGB(205, 180, 219)Ontology Lavender—
#00b8a9 #00b8a9 RGB(0, 184, 169)SPARQL Teal—
#f9f9f9 #f9f9f9 RGB(249, 249, 249)Linked Data CreamDoctor
#1a1a1a #1a1a1a RGB(26, 26, 26)Graph Hub BlackGray10
#f48fb1 #f48fb1 RGB(244, 143, 177)Triplet Pink—
#ffd54f #ffd54f RGB(255, 213, 79)Metadata Gold—

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#cdb4db
#00b8a9
1.32
#cdb4db
#f9f9f9
1.78
#cdb4db
#f48fb1
1.18
#cdb4db
#ffd54f
1.33
#00b8a9
#f48fb1
1.11
#00b8a9
#ffd54f
1.76

Image palette Semantic Web UI Component Kit png

Semantic Web UI Component Kit - #555614
 Download image