Pastel · curated

Morning Ribbon

Morning Ribbon is a curated buoyant, kind, uncomplicated system designed to move from expressive brand color to dependable surface and text roles.

Color values

Morning Ribbon Primary · primary

HEX #90DBF4

RGB 144, 219, 244

HSL 195°, 82%, 76%

On white 1.54:1 · on black 13.62:1

Morning Ribbon Secondary · secondary

HEX #98F5E1

RGB 152, 245, 225

HSL 167°, 82%, 78%

On white 1.27:1 · on black 16.48:1

Morning Ribbon Accent · accent

HEX #FDE4CF

RGB 253, 228, 207

HSL 27°, 92%, 90%

On white 1.22:1 · on black 17.17:1

Morning Ribbon Background · background

HEX #FFF9F5

RGB 255, 249, 245

HSL 24°, 100%, 98%

On white 1.04:1 · on black 20.12:1

Morning Ribbon Text · text

HEX #34435E

RGB 52, 67, 94

HSL 219°, 29%, 29%

On white 9.95:1 · on black 2.11: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
9.53:1AAA
Aa Sample text
8.14:1AAA
Aa Sample text
7.81:1AAA
Aa Sample text
6.46:1AA
Aa Sample text
1.48:1Decorative only
Aa Sample text
1.26:1Decorative only
Aa Sample text
1.22:1Decorative only
Aa Sample text
1.21:1Decorative only

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