Dark · curated

Dusk Relay

Dusk Relay is a curated twilight, cinematic, moody system designed to move from expressive brand color to dependable surface and text roles.

Color values

Dusk Relay Primary · primary

HEX #0F0C29

RGB 15, 12, 41

HSL 246°, 55%, 10%

On white 19.01:1 · on black 1.10:1

Dusk Relay Secondary · secondary

HEX #302B63

RGB 48, 43, 99

HSL 245°, 39%, 28%

On white 12.72:1 · on black 1.65:1

Dusk Relay Accent · accent

HEX #24243E

RGB 36, 36, 62

HSL 240°, 27%, 19%

On white 15.03:1 · on black 1.40:1

Dusk Relay Background · background

HEX #0F0C29

RGB 15, 12, 41

HSL 246°, 55%, 10%

On white 19.01:1 · on black 1.10:1

Dusk Relay Text · text

HEX #24243E

RGB 36, 36, 62

HSL 240°, 27%, 19%

On white 15.03:1 · on black 1.40:1

Text contrast between these colors

WCAG 2.2 asks for 4.5:1 for body text (AA), 3:1 for large text, and 7:1 for AAA. Strongest pairs first.

Aa Sample text
1.49:1Decorative only
Aa Sample text
1.26:1Decorative only
Aa Sample text
1.18:1Decorative only

Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.