Brand | Hashnode
Hashnode brand guide
Colors, logos, and rationale for the refreshed identity.
Hashnode, refined for focus
The brand balances clarity and confidence for long-form writing. Graphite grays keep the canvas calm and editorial, and the primary is monochrome ink drawn from the ramp itself. Hierarchy comes from weight, size, and surface, never a competing hue. Color is kept for meaning: amber-gold belongs exclusively to Hashnode Pro, and a soft lavender marks Hashnode AI.
Color palette
A graphite foundation carrying whisper chroma at hue 264, with amber reserved for Pro, lavender for AI, and supporting green and red states. Click any swatch to copy its Hex or OKLCH value.
| Color Name | Hex | OKLCH Value |
|---|---|---|
| Graphite 50 | #F9FAFB | oklch(0.985 0.002 264) |
| Graphite 100 | #F4F5F7 | oklch(0.97 0.003 264) |
| Graphite 200 | #E4E5E8 | oklch(0.922 0.004 264) |
| Graphite 300 | #D2D4D8 | oklch(0.87 0.005 264) |
| Graphite 400 | #9FA1A5 | oklch(0.708 0.007 264) |
| Graphite 500 | #717379 | oklch(0.556 0.009 264) |
| Graphite 600 | #4F5258 | oklch(0.439 0.01 264) |
| Graphite 700 | #3D4046 | oklch(0.371 0.011 264) |
| Graphite 800 | #23262C | oklch(0.269 0.011 264) |
| Graphite 850 | #1B1E23 | oklch(0.235 0.011 264) |
| Graphite 900 | #15171C | oklch(0.205 0.011 264) |
| Graphite 950 | #080A0E | oklch(0.145 0.01 264) |
| Pro amber | #D4AA5A | oklch(0.76 0.11 82) |
| AI lavender | #7550D1 | oklch(0.54 0.19 292) |
| Success green | #2E9E52 | oklch(0.62 0.15 150) |
| Danger red | #DA2A32 | oklch(0.577 0.21 25) |
Thought process
We chose graphite neutrals because they keep the interface editorial and quiet, so long-form writing stays the focus while still feeling premium and precise. The ramp carries whisper chroma at hue 264, so neutrals harmonize instead of reading as default gray.
The primary is monochrome ink. It sits near-black in light mode and near-white in dark. Buttons and links earn attention through weight, size, and tonal surfaces rather than a signature hue, which keeps every accent color meaningful: amber-gold appears only on Hashnode Pro, and lavender only on Hashnode AI.
Dark mode is designed first: a tonal ladder (page, card, popover) with hairline borders and two-layer elevation shadows gives depth without noise. Success and danger tones stay clear and trustworthy against the graphite base in both modes.
Hashnode logo
Primary icon treatment for the new brand.
Search Hashnode
Search posts, tags, users, and pages.