Vivid · curated
Signal Garden
Signal Garden is a curated energetic, digital, youthful system designed to move from expressive brand color to dependable surface and text roles.
Color values
Signal Garden Primary · primary
HEX #00B4D8
RGB 0, 180, 216
HSL 190°, 100%, 42%
On white 2.46:1 · on black 8.52:1
Signal Garden Secondary · secondary
HEX #70E000
RGB 112, 224, 0
HSL 90°, 100%, 44%
On white 1.70:1 · on black 12.35:1
Signal Garden Accent · accent
HEX #FF4D6D
RGB 255, 77, 109
HSL 349°, 100%, 65%
On white 3.21:1 · on black 6.53:1
Signal Garden Background · background
HEX #F8F9FA
RGB 248, 249, 250
HSL 210°, 17%, 98%
On white 1.05:1 · on black 19.92:1
Signal Garden Text · text
HEX #121417
RGB 18, 20, 23
HSL 216°, 12%, 8%
On white 18.45:1 · on black 1.14: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.