Generate Palette
  1. Color Palettes
  2. Ruderal.net Bootstrap Theme

Ruderal.net Bootstrap Theme

  • Primary
    #ffcc00
  • Success
    #00bd39
  • Info
    #104ba9
  • Warning
    #d30067
  • Danger
    #ff2300
  • Pure White
    #ffffff
  • Pure Black
    #000000
  • Primary BG Gray
    #e8e8e8
  0.61k
Created at 01/10/2019 16:01
byTyler Matteson
The palette consists of Light, Semi dark, Dark colors. Accent colors Primary #ffcc00 and Info #104ba9. Palette has Warm, Cool, Neutral colors temperature.

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

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

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

Overall temperature among swatches leans warm (3 of 8).

HEX codes (sorted): #000000, #00BD39, #104BA9, #D30067, #E8E8E8, #FF2300, #FFCC00, #FFFFFF

Palette Ruderal.net Bootstrap Theme combines 8 color codes:
HEX: #ffcc00, RGB: (255, 204, 0); HEX: #00bd39, RGB: (0, 189, 57); HEX: #104ba9, RGB: (16, 75, 169)
HEX: #d30067, RGB: (211, 0, 103); HEX: #ff2300, RGB: (255, 35, 0); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #000000, RGB: (0, 0, 0); HEX: #e8e8e8, RGB: (232, 232, 232)
Simplified version of palette colors
Shade of Gold, Shade of Lime Green, Shade of Dark Slate Blue, Shade of Medium Violet Red, Tint of Red, White, Black, Tint of Gainsboro
Color scheme was created by Tyler Matteson

Color codes in palette

Ruderal.net Bootstrap Theme color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ffcc00 #ffcc00 RGB(255, 204, 0)PrimaryUSC Gold
#00bd39 #00bd39 RGB(0, 189, 57)Success—
#104ba9 #104ba9 RGB(16, 75, 169)Info—
#d30067 #d30067 RGB(211, 0, 103)Warning—
#ff2300 #ff2300 RGB(255, 35, 0)Danger—
#ffffff #ffffff RGB(255, 255, 255)Pure WhiteWhite
#000000 #000000 RGB(0, 0, 0)Pure BlackBlack
#e8e8e8 #e8e8e8 RGB(232, 232, 232)Primary BG GrayUnicorn Silver

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffcc00
#00bd39
1.66
#ffcc00
#ffffff
1.51
#ffcc00
#e8e8e8
1.23
#00bd39
#ff2300
1.51
#104ba9
#d30067
1.52
#d30067
#ff2300
1.38

Image palette Ruderal.net Bootstrap Theme png

Ruderal.net Bootstrap Theme color palette: Primary, Success, Info, Warning, Danger, Pure White, Pure Black, Primary BG Gray
 Download image