Duolingo
Duolingo's brand palette, captured directly from the published brand guidelines at design.duolingo.com. The system is famously animal-named — every color is a creature — and the primary brand color is Feather Green (the Owl), the signature of Duo the mascot. The light-first surface canvas is Snow on Polar, with Eel as the deep ink text color. Secondary characters Macaw (blue), Cardinal (rose-red), Bee (yellow), Beetle (purple), and Fox (orange) round out the playful educational identity. Duolingo's product UI is light-first by default; a dark mode flips Eel to canvas and Snow to text.
30 swatches 15 light roles 15 dark roles
Swatches
feather-green
#58CC02
Duo the owl's signature green. The brand's primary action and identity color.
mask-green
#89E219
Brighter sibling of Feather Green — used for signage and lighting accents on the mascot's face mask.
tree-frog
#58A700
Pressed / active variant of Feather Green; the deeper-shadow green.
sea-sponge
#D7FFB8
Pale lesson-complete green tint.
turtle
#A5ED6E
Mid-pale green — secondary accent and badge fill.
snow
#FFFFFF
Pure white — page canvas in light mode.
polar
#F7F7F7
Off-white surface tint; the canonical page background hint.
swan
#E5E5E5
Border / quiet divider color on Polar.
hare
#AFAFAF
Mid grey — disabled state and tertiary text.
wolf
#777777
Deep grey — secondary text on light surfaces.
eel
#4B4B4B
The canonical Duolingo text ink. Used in place of pure black for body copy.
cardinal
#FF4B4B
Duolingo's error / wrong-answer red. The most recognizable red in the system.
fire-ant
#EA2B2B
Pressed / active variant of Cardinal — destructive confirmation.
crab
#FF7878
Soft red — hover tint and error background.
flamingo
#FFB2B2
Pale rose-pink — error background wash.
bee
#FFC800
Streak / achievement gold. The motivational yellow.
lion
#FFB100
Slightly deeper variant of Bee — pressed gold.
fox
#FF9600
Vivid orange — celebration and tier-up moments.
duck
#FBE56D
Pale lemon yellow — soft yellow background.
canary
#FFF5D3
Pale cream — gentle warning background.
macaw
#1CB0F6
Duolingo's signature info-blue. Links, hints, and learning-tip accents.
whale
#1899D6
Pressed / active variant of Macaw.
humpback
#2B70C9
Deeper navy-blue — secondary info accent.
narwhal
#1453A3
Deepest navy — chart and data-viz anchor.
blue-jay
#84D8FF
Pale sky blue — soft hint accent.
moon-jelly
#7AF0F2
Soft cyan — illustration accent.
beetle
#CE82FF
Soft purple — the recognizable Super Duolingo subscription accent.
betta
#9069CD
Mid-purple — pressed Super accent.
butterfly
#6F4EA1
Deep purple — Super hero gradient anchor.
starfish
#FFAADE
Pale pink — illustration accent paired with purples.
Mode role mappings
Light mode (15 roles)
accent
→ macaw accent-hover
→ whale background
→ snow border
→ swan error
→ cardinal primary
→ feather-green primary-hover
→ tree-frog success
→ feather-green surface
→ polar surface-elevated
→ snow text-primary
→ eel text-secondary
→ wolf text-tertiary
→ hare warning
→ bee warning-hover
→ lion Dark mode (15 roles)
accent
→ macaw accent-hover
→ blue-jay background
→ eel border
→ wolf error
→ cardinal primary
→ feather-green primary-hover
→ mask-green success
→ mask-green surface
→ wolf surface-elevated
→ hare text-primary
→ snow text-secondary
→ polar text-tertiary
→ swan warning
→ bee warning-hover
→ lion Provenance
- Source
- https://design.duolingo.com/
- License
Proprietary — All Rights Reserved- Attribution
- Duolingo, Inc. — palette values captured from the published Duolingo Brand Guidelines (design.duolingo.com) on 2026-05-19. Color names mirror Duolingo's own animal-named swatch vocabulary. Duolingo, Duo, the green owl, and associated marks are property of Duolingo, Inc.
- Imported
-
2026-05-19 - Notes
- The animal-named palette is the publicly published brand color system. Hex values were extracted from the design.duolingo.com bundle as 24-bit integers and converted to hex. Feather Green (#58CC02 / Owl) is the canonical primary; Mask Green (#89E219) is the brighter signage sibling. Eel (#4B4B4B) is the canonical text ink — Duolingo deliberately avoids pure #000000 in body copy.