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
  • Examples of tints & shades
  • Moon Design System
  1. Visual Identity
  2. Color

Tints & shades

PreviousNeutralsNextTypography

Last updated 1 year ago

Tints & shades of core, secondary, semantic & neutral hues help us expand our color palette to accomodate the needs of a variety of applications (primarily UI-related).

Outside digital UI related applications, we generally avoid using tints and shades.

Examples of tints & shades

Moon Design System

  • Gecko Green is used as a Primary color within our UI applications.

  • Semantic colors (Success Green, Warning Yellow, Danger Red, Info Blue) are used for conveying status states within our UI applications.

Tints and shades are generated and used for create contrast in UI components like badges & alerts where component statuses are often required.

To avoid misuse, we refrain from sharing exact color codes of the various tints & shades of colors used in our UI. These are kept and maintained by our design team with our Moon Design System. Reach out to our design team if you required a specific tint or shade (lighter or darker version) of a color.

🏳️‍🌈