TIDAL
TIDAL's brand palette built on the most restrained pairing in music streaming: pure black, pure white, and a single bright cyan / oxide-blue accent. The brand is dark-first, premium, and audiophile-positioned — TIDAL was founded on the promise of lossless and high-resolution audio, and the visual identity reflects that minimalism: the deep black canvas dominates, the cyan reads as the only chromatic note, and white provides text and reversed wordmark variants. The two-tone palette is the most identifiable element of the TIDAL identity.
10 swatches 13 light roles 13 dark roles
Swatches
tidal-black
#000000
Canonical canvas — the TIDAL consumer surface is solid black.
tidal-near-black
#0A0A0A
Elevated surface on the dark canvas — main panel chrome.
tidal-surface-elevated
#181818
Cards, hovered rows, and elevated tiles on the dark canvas.
tidal-cyan
#00FFFF
The signature TIDAL cyan / oxide-blue accent — the brand's only chromatic note.
tidal-cyan-pressed
#00CCCC
Pressed / active state for the primary action — a darker step from the cyan.
tidal-cyan-deep
#008B94
Deeper cyan reserved for hover and selected states on the player chrome.
tidal-white
#FFFFFF
Primary text on the dark canvas; reversed wordmark fill on light marketing surfaces.
tidal-gray-light
#CCCCCC
Secondary text and divider color on the dark canvas.
tidal-gray
#737373
Tertiary text, captions, and metadata in the player UI.
tidal-gray-dark
#404040
Quiet dividers, disabled state, and the unplayed seek-bar fill.
Mode role mappings
Light mode (13 roles)
accent
→ tidal-cyan-deep accent-hover
→ tidal-cyan-pressed background
→ tidal-white border
→ tidal-gray-light error
→ tidal-black primary
→ tidal-cyan-deep primary-hover
→ tidal-cyan-pressed success
→ tidal-cyan-deep surface
→ tidal-white surface-elevated
→ tidal-white text-primary
→ tidal-black text-secondary
→ tidal-gray text-tertiary
→ tidal-gray-light Dark mode (13 roles)
accent
→ tidal-cyan accent-hover
→ tidal-cyan-pressed background
→ tidal-black border
→ tidal-gray-dark error
→ tidal-white primary
→ tidal-cyan primary-hover
→ tidal-cyan-pressed success
→ tidal-cyan surface
→ tidal-near-black surface-elevated
→ tidal-surface-elevated text-primary
→ tidal-white text-secondary
→ tidal-gray-light text-tertiary
→ tidal-gray Provenance
- Source
- https://mobbin.com/colors/brand/tidal-music
- License
Proprietary — All Rights Reserved- Attribution
- TIDAL, the TIDAL wordmark, and the cyan / black brand mark are trademarks of TIDAL Music AS (a subsidiary of Block, Inc.). The Black (#000000) / White (#FFFFFF) / Cyan (#00FFFF) three-color palette is cross-cited by Mobbin's brand-color reference and matches the rendered values on the public tidal.com surfaces. TIDAL does not distribute a public brand-guidelines document with explicit hex values.
- Imported
-
2026-05-19 - Notes
- TIDAL's public marketing site returns HTTP 403 to unauthenticated fetches; provenance for this palette falls back to the Mobbin brand-color reference, which documents the three-color TIDAL identity. The deep near-black surface tokens (#0A0A0A, #181818) are captured from the consumer player UI's elevated surface chrome.