Generate Palette
  1. Colors palettes
  2. Web Component Dark Fiber Grid
Created at 07/21/2025 12:28
bybad_colors
  6

Web Component Dark Fiber Grid

  • Fiber Black
    #0b0b0c
  • Bandwidth Blue
    #0066ff
  • Protocol Lilac
    #c8bfff
  • Hyperlink Silver
    #d1d1d1
  • Dashboard Amber
    #ffc947
  • UX Highlight Pink
    #ffaac9
  • Gridline Slate
    #3e4c59
The palette consists of Dark, Semi dark, Light colors. Accent colors Protocol Lilac #c8bfff and Dashboard Amber #ffc947. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #0B0B0C (darkest) to #C8BFFF (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): #0066FF, #0B0B0C, #3E4C59, #C8BFFF, #D1D1D1, #FFAAC9, #FFC947

Palette Web Component Dark Fiber Grid has combination of 7 codes colors:
HEX: #0b0b0c, RGB: (11, 11, 12); HEX: #0066ff, RGB: (0, 102, 255); HEX: #c8bfff, RGB: (200, 191, 255)
HEX: #d1d1d1, RGB: (209, 209, 209); HEX: #ffc947, RGB: (255, 201, 71); HEX: #ffaac9, RGB: (255, 170, 201)
HEX: #3e4c59, RGB: (62, 76, 89)
Simplified version of palette colors
Shade of Black, Tint of royalblue, Shade of lightsteelblue, Tint of lightgrey, Tint of gold, Tint of lightpink, Shade of darkslategrey
Color scheme was created by bad_colors

Colors codes in palette

Web Component Dark Fiber Grid color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0b0b0c #0b0b0c RGB(11, 11, 12)Fiber Black—
#0066ff #0066ff RGB(0, 102, 255)Bandwidth BlueBlue Ribbon
#c8bfff #c8bfff RGB(200, 191, 255)Protocol Lilac—
#d1d1d1 #d1d1d1 RGB(209, 209, 209)Hyperlink SilverGray82
#ffc947 #ffc947 RGB(255, 201, 71)Dashboard Amber—
#ffaac9 #ffaac9 RGB(255, 170, 201)UX Highlight Pink—
#3e4c59 #3e4c59 RGB(62, 76, 89)Gridline Slate—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#0066ff
#3e4c59
1.82
#c8bfff
#d1d1d1
1.11
#c8bfff
#ffc947
1.1
#c8bfff
#ffaac9
1.04
#d1d1d1
#ffc947
1
#d1d1d1
#ffaac9
1.16

Image palette Web Component Dark Fiber Grid png

Web Component Dark Fiber Grid - #556041
 Download image