Pastel · curated
Buttercream
Buttercream is a curated creamy, friendly, soft-edged system designed to move from expressive brand color to dependable surface and text roles.
Color values
Buttercream Primary · primary
HEX #F6C453
RGB 246, 196, 83
HSL 42°, 90%, 65%
On white 1.62:1 · on black 12.94:1
Buttercream Secondary · secondary
HEX #FBE1A5
RGB 251, 225, 165
HSL 42°, 91%, 82%
On white 1.28:1 · on black 16.42:1
Buttercream Accent · accent
HEX #DCE9C8
RGB 220, 233, 200
HSL 84°, 43%, 85%
On white 1.27:1 · on black 16.53:1
Buttercream Background · background
HEX #FFFCF3
RGB 255, 252, 243
HSL 45°, 100%, 98%
On white 1.03:1 · on black 20.47:1
Buttercream Text · text
HEX #4A4234
RGB 74, 66, 52
HSL 38°, 17%, 25%
On white 9.91:1 · on black 2.12: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.