Vivid · curated
Metro Bloom
Metro Bloom is a curated urban, optimistic, fast system designed to move from expressive brand color to dependable surface and text roles.
Color values
Metro Bloom Primary · primary
HEX #FF006E
RGB 255, 0, 110
HSL 334°, 100%, 50%
On white 3.83:1 · on black 5.48:1
Metro Bloom Secondary · secondary
HEX #3A86FF
RGB 58, 134, 255
HSL 217°, 100%, 61%
On white 3.48:1 · on black 6.03:1
Metro Bloom Accent · accent
HEX #FFBE0B
RGB 255, 190, 11
HSL 44°, 100%, 52%
On white 1.66:1 · on black 12.62:1
Metro Bloom Background · background
HEX #FAFAFA
RGB 250, 250, 250
HSL 0°, 0%, 98%
On white 1.04:1 · on black 20.12:1
Metro Bloom Text · text
HEX #14151A
RGB 20, 21, 26
HSL 230°, 13%, 9%
On white 18.23:1 · on black 1.15: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.
Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.