Design system · Productivity & SaaS

Duolingo.

Language-learning platform. Bright owl green, chunky shadows, gamified joy.

Palette sample

First 5 hex codes lifted from the DESIGN.md color sections. The full palette and roles live in the source spec.

#58cc02
#ffffff
#e5e5e5
#ff9600
#ce82ff

Visual theme

Duolingo is gamification rendered as visual language. The interface is unapologetically bright, with **owl green** (`#58cc02`) as the brand primary and a chunky 4px bottom-shadow on every interactive element that reads like a 3D button waiting to be pressed. The page is white (`#ffffff`) with thick 2–3px borders in a deep gray (`#e5e5e5`) and the entire system reads like an iOS app from 2015 reborn with better hierarchy.

Related systems in Productivity & SaaS