Pastel · curated
Honeycomb
Honeycomb is a curated sweet, orderly, sunlit system designed to move from expressive brand color to dependable surface and text roles.
Color values
Honeycomb Primary · primary
HEX #EFC94C
RGB 239, 201, 76
HSL 46°, 84%, 62%
On white 1.60:1 · on black 13.13:1
Honeycomb Secondary · secondary
HEX #F9E79F
RGB 249, 231, 159
HSL 48°, 88%, 80%
On white 1.24:1 · on black 16.96:1
Honeycomb Accent · accent
HEX #B8D8BA
RGB 184, 216, 186
HSL 124°, 29%, 78%
On white 1.55:1 · on black 13.57:1
Honeycomb Background · background
HEX #FFFDF5
RGB 255, 253, 245
HSL 48°, 100%, 98%
On white 1.02:1 · on black 20.62:1
Honeycomb Text · text
HEX #4C4433
RGB 76, 68, 51
HSL 41°, 20%, 25%
On white 9.62:1 · on black 2.18: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.