Dark · curated
Ink & Citrus
Ink & Citrus is a curated editorial, sharp, unconventional system designed to move from expressive brand color to dependable surface and text roles.
Color values
Ink & Citrus Primary · primary
HEX #007F5F
RGB 0, 127, 95
HSL 165°, 100%, 25%
On white 5.00:1 · on black 4.20:1
Ink & Citrus Secondary · secondary
HEX #2B9348
RGB 43, 147, 72
HSL 137°, 55%, 37%
On white 3.91:1 · on black 5.37:1
Ink & Citrus Accent · accent
HEX #FFBA08
RGB 255, 186, 8
HSL 43°, 100%, 52%
On white 1.71:1 · on black 12.28:1
Ink & Citrus Background · background
HEX #151817
RGB 21, 24, 23
HSL 160°, 7%, 9%
On white 17.87:1 · on black 1.17:1
Ink & Citrus Text · text
HEX #F7F4ED
RGB 247, 244, 237
HSL 42°, 38%, 95%
On white 1.10:1 · on black 19.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.