Generate Palette
  1. Colors palettes
  2. Web Components Interaction Kit UI
Created at 07/11/2025 21:25
bybad_colors
  1

Web Components Interaction Kit UI

  • Slot Sky
    #a2d2ff
  • Shadow Navy
    #1a1a40
  • Hook Coral
    #ff6f91
  • Tag Ivory
    #f9f9f9
  • Layout Lime
    #b5f44a
  • Transition Graphite
    #2c2c2c
  • Focus Violet
    #9d4edd
The palette consists of Light, Dark colors. Accent colors Slot Sky #a2d2ff and Hook Coral #ff6f91. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #2C2C2C (darkest) to #F9F9F9 (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): #1A1A40, #2C2C2C, #9D4EDD, #A2D2FF, #B5F44A, #F9F9F9, #FF6F91

Palette Web Components Interaction Kit UI has combination of 7 codes colors:
HEX: #a2d2ff, RGB: (162, 210, 255); HEX: #1a1a40, RGB: (26, 26, 64); HEX: #ff6f91, RGB: (255, 111, 145)
HEX: #f9f9f9, RGB: (249, 249, 249); HEX: #b5f44a, RGB: (181, 244, 74); HEX: #2c2c2c, RGB: (44, 44, 44)
HEX: #9d4edd, RGB: (157, 78, 221)
Simplified version of palette colors
Shade of lightskyblue, Tint of midnightblue, Shade of palevioletred, Shade of whitesmoke, Tint of greenyellow, Shade of Black, Shade of darkorchid
Color scheme was created by bad_colors

Colors codes in palette

Web Components Interaction Kit UI color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#a2d2ff #a2d2ff RGB(162, 210, 255)Slot Sky—
#1a1a40 #1a1a40 RGB(26, 26, 64)Shadow Navy—
#ff6f91 #ff6f91 RGB(255, 111, 145)Hook Coral—
#f9f9f9 #f9f9f9 RGB(249, 249, 249)Tag IvoryDoctor
#b5f44a #b5f44a RGB(181, 244, 74)Layout Lime—
#2c2c2c #2c2c2c RGB(44, 44, 44)Transition Graphite—
#9d4edd #9d4edd RGB(157, 78, 221)Focus Violet—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#a2d2ff
#ff6f91
1.66
#a2d2ff
#f9f9f9
1.51
#a2d2ff
#b5f44a
1.21
#1a1a40
#2c2c2c
1.18
#ff6f91
#9d4edd
1.73
#f9f9f9
#b5f44a
1.24

Image palette Web Components Interaction Kit UI png

Web Components Interaction Kit UI - #555090
 Download image