Telegram

Telegram's brand palette is anchored on the signature Telegram Blue (#0088CC) — the saturated sky-blue used on the paper-plane mark, primary CTAs, links, and the outgoing-message bubble of the desktop and mobile clients. The supporting palette is a tonal blue scale captured from the deployed telegram.org marketing surface (light tints for hover states; deeper navy variants for dark-mode surfaces and the iOS gradient mark) plus a quiet neutral scale ranging from white-on-canvas to a deep slate (#212429) used as the dark-mode canvas across the official clients.

20 swatches 15 light roles 15 dark roles telegrammessagingbluecommunicationsmobile-firstencryption

Swatches

telegram-blue
#0088CC
Signature Telegram sky-blue — the brand's primary color, used on the paper-plane mark, primary CTAs, links across the marketing site, and the outgoing-message bubble.
telegram-blue-dark
#006699
Pressed / active variant of Telegram Blue — used on the hover and pressed states of primary buttons.
telegram-blue-100
#E5F1FA
Pale tint — used as a hover wash and link-highlight surface.
telegram-blue-300
#3CA1EB
Mid-light blue — used in illustration and link-hover states.
telegram-blue-400
#30AAFD
Bright blue accent — the brightest blue used on the marketing surface.
telegram-blue-500
#2481CC
Telegram's "Apple-app store" blue tone — used in promotional iconography.
telegram-blue-600
#1C93E3
Deeper marketing accent blue.
telegram-blue-700
#1A8AD5
Header accent blue — used on the marketing-site nav highlight.
telegram-blue-800
#1482D1
Deep accent — used on the marketing-site button-hover.
telegram-white
#FFFFFF
Pure white — primary surface on the marketing site and light-mode chat canvas.
telegram-surface-light
#F7F7F7
Light-mode elevated surface — the chat-list rail on the iOS client.
telegram-border-light
#E6E6E6
Quiet divider on the marketing-site surface.
telegram-text-on-light
#333333
Primary text on the marketing-site and light-mode chat canvas.
telegram-text-secondary-light
#7D7F81
Secondary text on light-mode surfaces.
telegram-canvas-dark
#212429
Deep slate — Telegram's dark-mode chat canvas tone (the "Night" theme baseline), captured from the deployed telegram.org dark-mode stylesheet.
telegram-surface-dark
#262A2E
Dark-mode elevated surface — chat-list rail and top bar.
telegram-surface-dark-elevated
#33373D
Dark-mode deepest-elevated surface.
telegram-text-on-dark
#FFFFFF
Primary text on the dark-mode canvas.
telegram-text-secondary-dark
#84888C
Secondary text and timestamps on the dark canvas.
telegram-surface-dark-deep
#1E1E1E
Deepest dark surface — used as the chat-input background.

Mode role mappings

Light mode (15 roles)

accent → telegram-blue
accent-hover → telegram-blue-700
background → telegram-white
border → telegram-border-light
error → telegram-blue-dark
primary → telegram-blue
primary-hover → telegram-blue-800
success → telegram-blue
surface → telegram-surface-light
surface-elevated → telegram-white
text-primary → telegram-text-on-light
text-secondary → telegram-text-secondary-light
text-tertiary → telegram-text-secondary-light
warning → telegram-blue-400
warning-hover → telegram-blue-700

Dark mode (15 roles)

accent → telegram-blue-300
accent-hover → telegram-blue-400
background → telegram-canvas-dark
border → telegram-surface-dark-elevated
error → telegram-blue-dark
primary → telegram-blue-300
primary-hover → telegram-blue-400
success → telegram-blue-300
surface → telegram-surface-dark
surface-elevated → telegram-surface-dark-elevated
text-primary → telegram-text-on-dark
text-secondary → telegram-text-secondary-dark
text-tertiary → telegram-text-secondary-dark
warning → telegram-blue-400
warning-hover → telegram-blue-700

Provenance

Source
https://telegram.org/
License
Proprietary — All Rights Reserved
Attribution
Telegram and the Telegram paper-plane logo are trademarks of Telegram FZ-LLC / Telegram Messenger Inc. The signature Telegram Blue (#0088CC) is documented in the simple-icons brand database (citing telegram.org) and is corroborated by the deployed telegram.org marketing surface, whose anchor link color resolves to rgb(0,136,204) on every page. The deeper navy variants and the light/dark scale (#1C93E3, #1A8AD5, #2481CC, #1482D1, #30AAFD, #3CA1EB, #E5F1FA, #212429, #23313E, #262A2E, #33373D, #363B40) were captured from the deployed CSS on the same page.
Imported
2026-05-18
Notes
Derived from live site CSS at https://telegram.org/ on 2026-05-18; the documented brand page at telegram.org/brand renders no hex codes in its visible content (policy text and downloadable assets only), so the palette was captured from the deployed marketing-surface stylesheet. Telegram clients do not ship a proprietary type family — the marketing site uses Lucida Grande / Helvetica Neue system stacks; the Android client uses Roboto; iOS / macOS use SF Pro. This atom is paired in the brand atom with Roboto@1 as the open-source rendering substitute.