STYLE GUIDEduolingo design
A comprehensive visual reference for the Duolingo design system covering colors, typography, button variants, cards, and UI components.
Color Palette
Green
#58CC02
Green Hover
#4BB200
Blue
#1CB0F6
Dark Blue
#100F3E
Red
#FF4B4B
Orange
#FF9600
Golden
#FFC800
Footer Green
#4EC604
Gray Text
#4B4B4B
Gray Light
#777777
Nav Text
#AFAFAF
Border
#E5E5E5
Typography
48px
Feather Bold
Display
32px
Bold 700
Heading One
28px
Feather Bold
heading two
18px
Medium 500
Body text for paragraphs and descriptions with comfortable reading line-height.
14px
Bold 700
CAPTION LABEL
12px
Semi 600
Small utility text for metadata and hints