Color Palettes
Color Palettes

Color Palettes

🌈 Table of Contents 🌈

1. Core Colors

The OG Hacker Noon color palette.

  • Please use these color proportions in any layout or design.
  • Hacker Noon's Terminal Green should be used as the accent color.
image
image

HEX #FFFFFF

RGB (255, 255, 255)

image

HEX #00FF00

RGB (0, 255, 0)

image

HEX #3C3C3B

RGB (60, 60, 59)

2. Evergreen Palette

  • Add these greens to any design elements for accessibility, variation, and credibility.
image
image

HEX #007C41

RGB (0, 124, 65)

image

HEX #00FF00

RGB (0, 255, 0)

image

HEX #18FF6D

RGB (24, 255, 109)

image

HEX #009862

RGB (0, 152, 98)

image

HEX #34403A

RGB (52, 64, 58)

image

HEX #01D758

RGB (1, 215, 88)

image

HEX #00B171

RGB (0, 177, 113)

image

HEX #285238

RGB (40, 82, 56)

image

HEX #9ACD32

RGB (154, 205, 50)

image

HEX #00ED8A

RGB (0, 237, 138)

image

HEX #138A36

RGB (19, 138, 54)

image

HEX #ADFF2F

RGB (173, 255, 47)

3. Duotone Palette

  • Aka "bisexual lighting". (Totally a thing, look it up!).
  • Use duotone backgrounds on any designs.
image
image

HEX #00FF00

RGB (0, 255, 0)

image

HEX #006094

RGB (0, 96, 148)

image

HEX #00C03B

RGB (0, 192, 59)

image

HEX #0040B1

RGB (0, 64, 177)

image

HEX #00A059

RGB (0, 160, 89)

image

HEX #0020CE

RGB (0, 32, 206)

image

HEX #008076

RGB (0, 128, 118)

image

HEX #0000EB

RGB (0, 0, 235)

4. Mysterious Palette

  • Exploring the depths... of what does and does not match terminal green. 😆
  • Use these on partner campaigns.
image
image

HEX #2B0A1A

RGB (43, 10, 26)

image

HEX #00FF00

RGB (0, 255, 0)

image

HEX #7D1E4C

RGB (125, 30, 76)

image

HEX #123524

RGB (18, 53, 36)

image

HEX #F274B1

RGB (242, 116, 177)

5. Color Block Palette

  • For when you're nostalgic for screen text colour combinations that hurt your eyes just a little bit.
  • For use on special campaigns (like the Noonies).
image
image

HEX #00FF00

RGB (0, 255, 0)

image

HEX #FF1C6F

RGB (255, 28, 111)

image

HEX #0020A1

RGB (0, 32, 161)

image

HEX #FFFFFF

RGB (255, 255, 255)

image

HEX #FFFF00

RGB (255, 255, 0)

image

HEX #FF5900

RGB (255, 89, 0)