Generate Palette
  1. Colors palettes
  2. Wing CSS framework colors palette
Created at 06/22/2018 09:02
bycolorswall
  1.23k

Wing CSS framework colors palette

  • black
    #111111
  • gray
    #a7a7a7
  • white
    #f5f5f5
  • blue
    #0062ff
  • red
    #ff1500
  • yellow
    #ffbf00
  • green
    #00b30f
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).

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Warm and cool swatches are fairly balanced.

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

Palette Wing CSS framework colors palette has combination of 7 codes colors:
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
Shade of Black, Tint of darkgrey, Tint of royalblue, Shade of Red, Shade of goldenrod, Tint of limegreen
Color scheme was created by colorswall

Colors 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)whiteWhite Smoke
#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