X (Twitter) Inspired Color Palette

Pure black and white with electric blue accents capture the essence of X's bold social media presence. This high-contrast palette suits social platforms, news feeds, and real-time messaging interfaces.

#000000

Black

RGB(0, 0, 0)

HSL(0, 0%, 0%)

#1D9BF0

Vivid Blue

RGB(29, 155, 240)

HSL(204, 88%, 53%)

#FFFFFF

White

RGB(255, 255, 255)

HSL(0, 0%, 100%)

#536471

Blue

RGB(83, 100, 113)

HSL(206, 15%, 38%)

#CFD9DE

Dusty Cyan

RGB(207, 217, 222)

HSL(200, 19%, 84%)

#EFF3F4

Dusty Cyan

RGB(239, 243, 244)

HSL(192, 19%, 95%)

lightbulbBest Use Cases

  • checkSocial platforms
  • checkNews feeds
  • checkMessaging interfaces

businessIndustries

  • checkSocial Media
  • checkTechnology
Mood:bold

codeUse in Your Code

CSS Custom Properties

:root {
  --color-1: #000000;
  --color-2: #1D9BF0;
  --color-3: #FFFFFF;
  --color-4: #536471;
  --color-5: #CFD9DE;
  --color-6: #EFF3F4;
}

Tailwind CSS Config

colors: {
  'twitter-x-inspired-1': '#000000',
  'twitter-x-inspired-2': '#1D9BF0',
  'twitter-x-inspired-3': '#FFFFFF',
  'twitter-x-inspired-4': '#536471',
  'twitter-x-inspired-5': '#CFD9DE',
  'twitter-x-inspired-6': '#EFF3F4',
}
twitterxsocialbluehigh-contrast

Want to Extract Colors from Your Own Images?

Upload any photo and get a custom color palette instantly — free.

Try PaletteAI Free

Related Palettes