Earthy · curated
Olive Workshop
Olive Workshop is a curated utilitarian, warm, considered system designed to move from expressive brand color to dependable surface and text roles.
Color values
Olive Workshop Primary · primary
HEX #657153
RGB 101, 113, 83
HSL 84°, 15%, 38%
On white 5.20:1 · on black 4.04:1
Olive Workshop Secondary · secondary
HEX #8AAA79
RGB 138, 170, 121
HSL 99°, 22%, 57%
On white 2.59:1 · on black 8.11:1
Olive Workshop Accent · accent
HEX #C8A27A
RGB 200, 162, 122
HSL 31°, 41%, 63%
On white 2.36:1 · on black 8.91:1
Olive Workshop Background · background
HEX #F3EEE4
RGB 243, 238, 228
HSL 40°, 38%, 92%
On white 1.16:1 · on black 18.16:1
Olive Workshop Text · text
HEX #2B2D2A
RGB 43, 45, 42
HSL 100°, 3%, 17%
On white 13.89:1 · on black 1.51: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.