CoinGecko Brand Guidelines
  • Introduction
    • 📗Overview
    • 💚Purpose
  • Visual Identity
    • 🦎Logo
      • Logotype
      • Symbol
      • Combination Mark
    • 🏳️‍🌈Color
      • Core Brand Colors
      • Secondary Colors
      • Accent Colors
      • Semantic Colors
      • Neutrals
      • Tints & shades
    • 🔤Typography
      • Primary Typeface
      • Monospace Typeface
      • Hierarchy
      • Typesetting CoinGecko
      • Substitute Typefaces
      • Do-Nots
    • 🖌️Style
      • Layout Grids
      • Corner Radii
      • Effects
      • Spacing Units
    • 💃Motion
    • ➡️Iconography
      • System Icons
      • Product Icons
  • Verbal Identity
    • 📖Brand Narrative
      • Vision & Mission
      • Brand Pillars
      • Personality
      • Audiences
      • Sample Messaging
    • 🧑‍🎤Voice
    • 🎵Tone
    • 🔣Style
      • Numerals
      • Capitalization
      • Punctuation
      • Formatting
      • Emoji
      • Currency
      • Spelling
  • Touchpoints
    • 📱Digital & Social Media
      • App Icon
      • Avatars
  • Resources
    • ⚒️Brand Kit
    • ✍️Attribution Guide
Powered by GitBook
On this page
  • How they are used
  • Light Neutrals
  • Dark Neutrals
  1. Visual Identity
  2. Color

Neutrals

PreviousSemantic ColorsNextTints & shades

Last updated 1 year ago

How they are used

Neutrals are used to provide utility and hierarchy without competing with our core and secondary colors.

At CoinGecko, we also distinguish between neutrals that should be used on light backgrounds (Light Neutrals) and those that should be used on dark backgrounds (Dark Neutrals).

This is so we can:

  1. Maintain a high level of accessibility while still ensuring our color palettes are cohesive

  2. Don't create compositions that clash with other elements in an unpleasant manner.

Avoid combining neutrals from both the Light & Dark palettes. Stick to one set depending on the whether you're using them on a white (Moon Light) or dark (Moon Night) background.

Please note that CMYK colors are a best estimate only (for printing applications). Always request for print samples and verify physically before placing large orders of items.

Light Neutrals

Used these hues on white (Moon Light) backgrounds to create hierarchy


Dark Neutrals

Used these hues on dark (Moon Night) backgrounds to create hierarchy.

🏳️‍🌈
Cover

Moon Dust 10

Hex: #0F172A

CMYK: 64,45,0,84

Cover

Moon Dust 9

Hex: #1E293B

CMYK: 49,31,0,77

Cover

Moon Dust 8

Hex: #334155

CMYK: 40,24,0,67

Cover

Moon Dust 7

Hex: #475569

CMYK: 32,19,0,59

Cover

Moon Dust 6

Hex: #64748B

CMYK:

Cover

Moon Dust 5

Hex: #94A3B8

CMYK: 20,11,0,28

Cover

Moon Dust 4

Hex: #CBD5E1

CMYK: 10,5,0,12

Cover

Moon Dust 3

Hex: #EFF2F5

CMYK: 2,1,0,4

Cover

Moon Dust 2

Hex: #F1F5F9

CMYK: 3,2,0,2

Cover

Moon Dust 1

Hex: #F8FAFC

CMYK: 2,1,0,1

Cover

Star Dust 10

Hex: #0D1217

CMYK: 43,22,0,91

Cover

Star Dust 9

Hex: #1B232D

CMYK: 40,22,0,82

Cover

Star Dust 8

Hex: #212D3B

CMYK: 44,24,0,77

Cover

Star Dust 7

Hex: #384A61

CMYK: 42,24,0,62

Cover

Star Dust 6

Hex: #4A6382

CMYK: 43,24,0,49

Cover

Star Dust 5

Hex: #5D7CA2

CMYK: 43,23,0,36

Cover

Star Dust 4

Hex: #7D96B5

CMYK: 31,17,0,29

Cover

Star Dust 3

Hex: #8EA3BE

CMYK: 25,14,0,25

Cover

Star Dust 2

Hex: #BECBDA

CMYK: 13,7,0,15

Cover

Star Dust 1

Hex: #DFE5EC

CMYK: 6,3,0,7