🌈 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.
HEX #FFFFFF
RGB (255, 255, 255)
HEX #00FF00
RGB (0, 255, 0)
/w=3840,quality=90,fit=scale-down)
HEX #3C3C3B
RGB (60, 60, 59)
2. Evergreen Palette
- Add these greens to any design elements for accessibility, variation, and credibility.
HEX #007C41
RGB (0, 124, 65)
HEX #00FF00
RGB (0, 255, 0)
HEX #18FF6D
RGB (24, 255, 109)
HEX #009862
RGB (0, 152, 98)
HEX #34403A
RGB (52, 64, 58)
HEX #01D758
RGB (1, 215, 88)
HEX #00B171
RGB (0, 177, 113)
HEX #285238
RGB (40, 82, 56)
HEX #9ACD32
RGB (154, 205, 50)
HEX #00ED8A
RGB (0, 237, 138)
HEX #138A36
RGB (19, 138, 54)
HEX #ADFF2F
RGB (173, 255, 47)
3. Duotone Palette
- Aka "bisexual lighting". (Totally a thing, look it up!).
- Use duotone backgrounds on any designs.
HEX #00FF00
RGB (0, 255, 0)
HEX #006094
RGB (0, 96, 148)
HEX #00C03B
RGB (0, 192, 59)
HEX #0040B1
RGB (0, 64, 177)
HEX #00A059
RGB (0, 160, 89)
HEX #0020CE
RGB (0, 32, 206)
HEX #008076
RGB (0, 128, 118)
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.
HEX #2B0A1A
RGB (43, 10, 26)
HEX #00FF00
RGB (0, 255, 0)
HEX #7D1E4C
RGB (125, 30, 76)
HEX #123524
RGB (18, 53, 36)
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).
HEX #00FF00
RGB (0, 255, 0)
HEX #FF1C6F
RGB (255, 28, 111)
HEX #0020A1
RGB (0, 32, 161)
HEX #FFFFFF
RGB (255, 255, 255)
HEX #FFFF00
RGB (255, 255, 0)
HEX #FF5900
RGB (255, 89, 0)