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
Display
Heading One
heading two
Body text for paragraphs and descriptions with comfortable reading line-height.
CAPTION LABEL
Small utility text for metadata and hints
Primary
Secondary
Danger
Ghost
Primary
Small
NEW
Spanish for Beginners
Start your language journey with interactive lessons designed to build fluency.
12 UNITSSTART
POPULAR
French Conversations
Practice real-world dialogue and improve pronunciation with native speakers.
8 UNITSCONTINUE
SUPER
Unlimited Hearts
Keep learning without interruption with Super Duolingo benefits.
PREMIUMUPGRADE
PRO
Mastery Quizzes
Challenge yourself with advanced assessments to test your skill level.
ADVANCEDTRY NOW
Badges
COMPLETED
IN PROGRESS
FAILED
STREAK
PREMIUM
Input + Button
Toggle
Sound effects
Animations
Progress
85%
60%
35%
Tooltip + Streak
Hover me
🔥42
Language Pills
Spanish
French
German
Japanese
Avatar Group
+5
8 learners active
+5
Progress (Dark)
72%
45%
Badges (Dark)
MASTERED
REVIEW
CROWN