Compatibility · colour

Colour pairings

How the palette holds together — foreground on background with rough contrast notes, the aqua and ink ramps, the perceived-neutral warm tints, gradients, and three-colour combinations. Contrast labels are approximate; verify the finalists on the accessibility pass.

Foreground on background

Text colour over surface colour. "Caution" = sits below comfortable body contrast.

Aa 405 nm #2E9494 on #FFFFFF
AA large / UI
Aa 405 nm #207A7A on #FFFFFF
AA
Aa 405 nm #166060 on #FFFFFF
AAA
Aa 405 nm #0E1213 on #FFFFFF
AAA · body
Aa 405 nm #555E61 on #FFFFFF
AA · metadata
Aa 405 nm #FFFFFF on #2E9494
AA · on-accent
Aa 405 nm #FFFFFF on #207A7A
AAA · on-accent
Aa 405 nm #0E1213 on #E6F4F4
AAA · on tint
Aa 405 nm #207A7A on #E6F4F4
AA · on tint
Aa 405 nm #2E9494 on #E6F4F4
low — caution
Aa 405 nm #0E1213 on #F7F4EF
AAA · editorial
Aa 405 nm #207A7A on #F7F4EF
AA · accent on paper
Aa 405 nm #5FE3DC on #07090A
AAA · glows
Aa 405 nm #FFFFFF on #07090A
AAA
Aa 405 nm #A8B0B2 on #07090A
AA · muted on dark
Aa 405 nm #5FE3DC on #0A2F2F
AA · deep aqua
Aa 405 nm #5FE3DC on #0E1213
AAA · glow
Aa 405 nm #2E9494 on #07090A
low on dark — caution

Ramps & tints

The single accent extended into a ramp, the neutral grey ramp, and the warm perceived-neutral tints.

Aqua ramp · 50 → 900
#E6F4F4#C2E5E5#8FD0D0#5BB9B9#3FA6A6#2E9494#207A7A#166060#0F4747#0A2F2F
Ink ramp · 25 → 900
#FAFBFB#F3F5F5#E6EAEA#CDD3D4#A8B0B2#7A8385#555E61#3B4346#262C2E#0E1213
Warm tints · perceived-neutral
pinkpeachlavenderaquapaper

Gradients

Surface gradients drawn from the palette — dark atmospherics, light washes, the warm sweep.

Aqua → ink
Aqua → lume
Deep aqua
Lume glow
Aqua aurora
Ink steel
Warm → violet
Warm bloom
Aqua tint → white
Paper → white
Aqua wash
Duotone aqua/ink

Three-colour combinations

Surface · accent · text — the working palettes for whole sections.

Instrument default light UI #FFFFFF · #2E9494 · #0E1213
Editorial journal / longform #F7F4EF · #166060 · #262C2E
Atmospheric dark hero band #07090A · #5FE3DC · #A8B0B2
Warm-neutral warm light surfaces #FFFFFF · #2E9494 · #E4DDD0
Tinted data highlighted section #E6F4F4 · #207A7A · #0E1213
Deep deep aqua panel #0A2F2F · #5FE3DC · #C2E5E5
Aqua accent on light grounds
Aqua on white
Aqua on cool
Aqua on paper
Aqua on aqua tint