Generate Palette
  1. Color Palettes
  2. AI-Powered Web Component Interaction SpectrumKit

AI-Powered Web Component Interaction SpectrumKit

  • Hyperlink Cyan
    #00d8ff
  • Neural Lavender
    #b88aff
  • Framework Coral
    #ff6b6b
  • API Mint
    #9df6e3
  • Component White
    #fdfdfd
  • Server Charcoal
    #1a1c23
  16
Created at 08/25/2025 19:14
bycoolor
The palette consists of Light, Dark colors. Accent colors Hyperlink Cyan #00d8ff and Neural Lavender #b88aff. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #1A1C23 (darkest) to #FDFDFD (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (3 of 6).

HEX codes (sorted): #00D8FF, #1A1C23, #9DF6E3, #B88AFF, #FDFDFD, #FF6B6B

Palette AI-Powered Web Component Interaction SpectrumKit combines 6 color codes:
HEX: #00d8ff, RGB: (0, 216, 255); HEX: #b88aff, RGB: (184, 138, 255); HEX: #ff6b6b, RGB: (255, 107, 107)
HEX: #9df6e3, RGB: (157, 246, 227); HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #1a1c23, RGB: (26, 28, 35)
Simplified version of palette colors
Shade of skyblue, Tint of mediumpurple, Shade of salmon, Tint of aquamarine, Shade of White, Tint of Black
Color scheme was created by coolor

Color codes in palette

AI-Powered Web Component Interaction SpectrumKit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#00d8ff #00d8ff RGB(0, 216, 255)Hyperlink Cyan—
#b88aff #b88aff RGB(184, 138, 255)Neural Lavender—
#ff6b6b #ff6b6b RGB(255, 107, 107)Framework Coral—
#9df6e3 #9df6e3 RGB(157, 246, 227)API Mint—
#fdfdfd #fdfdfd RGB(253, 253, 253)Component WhiteBrilliance
#1a1c23 #1a1c23 RGB(26, 28, 35)Server Charcoal—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#00d8ff
#b88aff
1.51
#00d8ff
#ff6b6b
1.62
#00d8ff
#9df6e3
1.36
#00d8ff
#fdfdfd
1.68
#b88aff
#ff6b6b
1.07
#9df6e3
#fdfdfd
1.23

Image palette AI-Powered Web Component Interaction SpectrumKit png

AI-Powered Web Component Interaction SpectrumKit - #559355
 Download image