Generate Palette
  1. Colors palettes
  2. Accessible Interface Layer Map
Created at 06/26/2025 08:38
bycolourlock
  1

Accessible Interface Layer Map

  • Tab Indigo
    #6366f1
  • Highlight Yellow
    #fef9c3
  • Scroll Rose
    #fbcfe8
  • Backdrop Fog
    #e5e7eb
  • Link Slate
    #475569
  • Banner White
    #fafafa
  • Overlay Black
    #0f172a
The palette consists of Light, Semi dark, Dark colors. Accent colors Tab Indigo #6366f1 and Highlight Yellow #fef9c3. Palette has Cool, Warm, Neutral colors temperature.

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

HEX codes (sorted): #0F172A, #475569, #6366F1, #E5E7EB, #FAFAFA, #FBCFE8, #FEF9C3

Palette Accessible Interface Layer Map has combination of 7 codes colors:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #fbcfe8, RGB: (251, 207, 232)
HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #475569, RGB: (71, 85, 105); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #0f172a, RGB: (15, 23, 42)
Simplified version of palette colors
Tint of mediumslateblue, Tint of lemonchiffon, Shade of thistle, Shade of gainsboro, Shade of darkslateblue, Shade of whitesmoke, Shade of Black
Color scheme was created by colourlock

Colors codes in palette

Accessible Interface Layer Map color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#6366f1 #6366f1 RGB(99, 102, 241)Tab Indigo—
#fef9c3 #fef9c3 RGB(254, 249, 195)Highlight Yellow—
#fbcfe8 #fbcfe8 RGB(251, 207, 232)Scroll Rose—
#e5e7eb #e5e7eb RGB(229, 231, 235)Backdrop Fog—
#475569 #475569 RGB(71, 85, 105)Link Slate—
#fafafa #fafafa RGB(250, 250, 250)Banner WhiteDr. White
#0f172a #0f172a RGB(15, 23, 42)Overlay Black—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#6366f1
#475569
1.69
#fef9c3
#fbcfe8
1.28
#fef9c3
#e5e7eb
1.15
#fef9c3
#fafafa
1.02
#fbcfe8
#e5e7eb
1.11
#fbcfe8
#fafafa
1.32

Image palette Accessible Interface Layer Map png

Accessible Interface Layer Map - #553069
 Download image