Created at 07/23/2025 08:22
  11

Cross-Browser Modern Web Toolkit

  • Viewport Black
    #1a1a1a
  • Render Beige
    #f6e8ea
  • Flexbox Cyan
    #67eaca
  • Grid Layout Blue
    #2f3c7e
  • Element White
    #fefefe
  • Media Lime
    #c6f91f
The palette consists of Dark, Light colors. Accent colors Grid Layout Blue #2f3c7e and Media Lime #c6f91f. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #1A1A1A (darkest) to #FEFEFE (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): #1A1A1A, #2F3C7E, #67EACA, #C6F91F, #F6E8EA, #FEFEFE

Palette Cross-Browser Modern Web Toolkit has combination of 6 codes colors:
HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #f6e8ea, RGB: (246, 232, 234); HEX: #67eaca, RGB: (103, 234, 202)
HEX: #2f3c7e, RGB: (47, 60, 126); HEX: #fefefe, RGB: (254, 254, 254); HEX: #c6f91f, RGB: (198, 249, 31)
Simplified version of palette colors
Shade of Black, Tint of lavenderblush, Tint of aquamarine, Tint of darkslateblue, Tint of White, Shade of greenyellow
Color scheme was created by raccoon

Colors codes in palette

Cross-Browser Modern Web Toolkit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#1a1a1a #1a1a1a RGB(26, 26, 26)Viewport BlackGray10
#f6e8ea #f6e8ea RGB(246, 232, 234)Render Beige
#67eaca #67eaca RGB(103, 234, 202)Flexbox Cyan
#2f3c7e #2f3c7e RGB(47, 60, 126)Grid Layout Blue
#fefefe #fefefe RGB(254, 254, 254)Element WhiteWhite as Heaven
#c6f91f #c6f91f RGB(198, 249, 31)Media Lime

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#1a1a1a
#2f3c7e
1.71
#f6e8ea
#67eaca
1.24
#f6e8ea
#fefefe
1.17
#f6e8ea
#c6f91f
1.03
#67eaca
#fefefe
1.46
#67eaca
#c6f91f
1.19

Image palette Cross-Browser Modern Web Toolkit png