Generate Palette
  1. Color Palettes
  2. Wing CSS framework colors palette

Wing CSS framework colors palette

  • black
    #111111
  • gray
    #a7a7a7
  • white
    #f5f5f5
  • blue
    #0062ff
  • red
    #ff1500
  • yellow
    #ffbf00
  • green
    #00b30f
  1.23k
Created at 06/22/2018 09:02
bycolorswall
The palette consists of Dark, Light, Semi dark colors. Accent colors blue #0062ff and yellow #ffbf00. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #111111 (darkest) to #F5F5F5 (lightest). The lightness range is wide.

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

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

Warm and cool swatches are fairly balanced (2 warm, 2 cool).

HEX codes (sorted): #0062FF, #00B30F, #111111, #A7A7A7, #F5F5F5, #FF1500, #FFBF00

Palette Wing CSS framework colors palette combines 7 color codes:
HEX: #111111, RGB: (17, 17, 17); HEX: #a7a7a7, RGB: (167, 167, 167); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #0062ff, RGB: (0, 98, 255); HEX: #ff1500, RGB: (255, 21, 0); HEX: #ffbf00, RGB: (255, 191, 0)
HEX: #00b30f, RGB: (0, 179, 15)
Simplified version of palette colors
Tint of Black, Shade of Dark Gray, White Smoke, Shade of Royal Blue, Tint of Red, Tint of Goldenrod, Shade of Lime Green
Color scheme was created by colorswall

Color codes in palette

Wing CSS framework colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#111111 #111111 RGB(17, 17, 17)blackDreamless Sleep
#a7a7a7 #a7a7a7 RGB(167, 167, 167)grayMoon Landing
#f5f5f5 #f5f5f5 RGB(245, 245, 245)whiteWhitesmoke
#0062ff #0062ff RGB(0, 98, 255)blue—
#ff1500 #ff1500 RGB(255, 21, 0)redCarolina Reaper
#ffbf00 #ffbf00 RGB(255, 191, 0)yellowAmber
#00b30f #00b30f RGB(0, 179, 15)green—

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#a7a7a7
#ff1500
1.62
#a7a7a7
#ffbf00
1.45
#a7a7a7
#00b30f
1.17
#f5f5f5
#ffbf00
1.51
#0062ff
#ff1500
1.27
#0062ff
#00b30f
1.77

Image palette Wing CSS framework colors palette png

Wing CSS framework colors palette - #320
 Download image