Generate Palette
  1. Colors palettes
  2. Web Component Darkflow System
Created at 07/11/2025 12:42
byhex
  1

Web Component Darkflow System

  • Slot Black
    #0f0f0f
  • Import Teal
    #00b4d8
  • Shadow DOM Pink
    #ff6b81
  • Style Tag White
    #fdfdfd
  • Gridline Grey
    #cacaca
  • Prop Highlight Yellow
    #ffe066
The palette consists of Dark, Light colors. Accent colors Import Teal #00b4d8 and Prop Highlight Yellow #ffe066. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #0F0F0F (darkest) to #FDFDFD (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).

Overall temperature among swatches leans warm.

HEX codes (sorted): #00B4D8, #0F0F0F, #CACACA, #FDFDFD, #FF6B81, #FFE066

Palette Web Component Darkflow System has combination of 6 codes colors:
HEX: #0f0f0f, RGB: (15, 15, 15); HEX: #00b4d8, RGB: (0, 180, 216); HEX: #ff6b81, RGB: (255, 107, 129)
HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #cacaca, RGB: (202, 202, 202); HEX: #ffe066, RGB: (255, 224, 102)
Simplified version of palette colors
Shade of Black, Tint of deepskyblue, Tint of lightcoral, Tint of White, Shade of Silver, Shade of gold
Color scheme was created by hex

Colors codes in palette

Web Component Darkflow System color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0f0f0f #0f0f0f RGB(15, 15, 15)Slot BlackChaos Black
#00b4d8 #00b4d8 RGB(0, 180, 216)Import Teal—
#ff6b81 #ff6b81 RGB(255, 107, 129)Shadow DOM Pink—
#fdfdfd #fdfdfd RGB(253, 253, 253)Style Tag WhiteBrilliance
#cacaca #cacaca RGB(202, 202, 202)Gridline Grey—
#ffe066 #ffe066 RGB(255, 224, 102)Prop Highlight Yellow—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#00b4d8
#ff6b81
1.11
#00b4d8
#cacaca
1.5
#00b4d8
#ffe066
1.89
#ff6b81
#cacaca
1.67
#fdfdfd
#cacaca
1.61
#fdfdfd
#ffe066
1.28

Image palette Web Component Darkflow System png

Web Component Darkflow System - #554770
 Download image