Signal

Signal's brand palette is anchored on Signal Blue (#3A76F0) — the saturated brand blue documented in the simple-icons brand database (citing signal.org) and used as the signature accent on the Signal paper-plane / speech-bubble mark, primary CTAs, and the outgoing- message bubble of the desktop and mobile clients. The supporting palette is the published chat-bubble swatch set captured from the deployed signal.org marketing surface — a "color of conversation" spectrum (#2C8948 green, #6A2D8E purple, #C7354C crimson, #FFC107 amber, #BA481E rust, #1A77C0 navy-blue, #7C25B1 violet) that the Signal client uses to color individual chat threads — plus a quiet neutral scale ranging from white (#FFFFFF) to a near-black canvas (#1B1E20) used on the dark-mode chat surface.

24 swatches 15 light roles 15 dark roles signalmessagingprivacybluecommunicationsencryptionopen-source

Swatches

signal-blue
#3A76F0
Signature Signal blue — the brand's primary color, used on the Signal mark, primary CTAs, and the outgoing-message bubble.
signal-blue-deep
#2563EB
Deeper marketing-site primary-action blue — used on the hero CTA button across signal.org.
signal-blue-action
#1A77C0
Deeper interactive blue — used on link hover and pressed states.
signal-bubble-blue
#1A77C0
Chat-thread blue color.
signal-bubble-green
#2C8948
Chat-thread green color.
signal-bubble-green-light
#43955C
Chat-thread lighter green color.
signal-bubble-purple
#6A2D8E
Chat-thread purple color.
signal-bubble-violet
#7C25B1
Chat-thread violet color.
signal-bubble-crimson
#C7354C
Chat-thread crimson / red color.
signal-bubble-rust
#BA481E
Chat-thread rust / burnt-orange color.
signal-bubble-amber
#FFC107
Chat-thread amber / yellow color (the Signal "yellow bubble").
signal-success
#287B41
Authored success / sent-status green.
signal-error
#C01D36
Authored error / failed-send red.
signal-warning
#E57200
Authored warning amber.
signal-white
#FFFFFF
Pure white — primary surface on the marketing site and light-mode chat canvas.
signal-surface-light
#F4F5F5
Light-mode elevated surface — chat-list rail.
signal-border-light
#E0E2E3
Quiet divider on the marketing-site surface.
signal-text-on-light
#1B1E20
Primary text on the marketing-site and light-mode chat canvas.
signal-text-secondary-light
#5B646C
Secondary text on light-mode surfaces.
signal-canvas-dark
#1B1E20
Deep near-black — Signal's dark-mode chat canvas tone, captured from the deployed signal.org dark stylesheet.
signal-surface-dark
#2D3236
Dark-mode elevated surface — chat-list rail.
signal-surface-dark-elevated
#303A49
Dark-mode deepest-elevated surface.
signal-text-on-dark
#FFFFFF
Primary text on the dark-mode canvas.
signal-text-secondary-dark
#A7AFBC
Secondary text and timestamps on the dark canvas.

Mode role mappings

Light mode (15 roles)

accent → signal-blue
accent-hover → signal-blue-action
background → signal-white
border → signal-border-light
error → signal-error
primary → signal-blue
primary-hover → signal-blue-deep
success → signal-success
surface → signal-surface-light
surface-elevated → signal-white
text-primary → signal-text-on-light
text-secondary → signal-text-secondary-light
text-tertiary → signal-text-secondary-light
warning → signal-warning
warning-hover → signal-bubble-rust

Dark mode (15 roles)

accent → signal-blue
accent-hover → signal-blue-action
background → signal-canvas-dark
border → signal-surface-dark-elevated
error → signal-bubble-crimson
primary → signal-blue
primary-hover → signal-blue-deep
success → signal-bubble-green
surface → signal-surface-dark
surface-elevated → signal-surface-dark-elevated
text-primary → signal-text-on-dark
text-secondary → signal-text-secondary-dark
text-tertiary → signal-text-secondary-dark
warning → signal-bubble-amber
warning-hover → signal-warning

Provenance

Source
https://signal.org/
License
Proprietary — All Rights Reserved
Attribution
Signal and the Signal logo are trademarks of Signal Messenger, LLC / Signal Technology Foundation. The signature Signal Blue (#3A76F0) is documented in the simple-icons brand database (citing signal.org) and is corroborated by the deployed signal.org marketing surface, whose primary-action button uses a calibrated blue in the same family (#2563EB in the marketing CSS, the Tailwind-blue-600 token). The conversation-bubble spectrum (#2C8948, #6A2D8E, #C7354C, #FFC107, #BA481E, #1A77C0, #7C25B1, #287B41, #43955C) and the dark-canvas surface tones (#1B1E20, #2D3236, #303A49, #495056) were captured from the same deployed signal.org stylesheet.
Imported
2026-05-18
Notes
Derived from live site CSS at https://signal.org/ on 2026-05-18; the published signal.org/brand page is policy- and asset-link only (no hex codes in the visible content), so the supporting palette was captured from the deployed marketing-site stylesheet. Signal does not ship a proprietary type family — the deployed marketing site uses Proxima Nova (sans) and roca (display serif), and the mobile clients use the platform system fonts (SF Pro on iOS, Roboto on Android). This atom is paired in the brand atom with Proxima Nova@1 for the sans roles and Inter@1 as a public-web fallback consistent with the documented system- font posture.