Premium eyewear, starting at $95Warby Parker20% off your first contacts order

Find your new favorite frames

full-bleed lifestyle photography + scrim
Shop

A subtle hue for your view

Eyeglasses

Percey

A vintage-inspired round frame in seven colours.

$95
In stock
Sunglasses

Haskell

Bold acetate with polarised lenses.

$175
In stock
Contacts

Scout by Warby Parker

Daily contacts delivered on your schedule.

$110
In stock
Controls

Buttons, inputs and states

Start with a quiz Shop eyeglasses Sign in Disabled
Primary Navy Ghost Focus ring ← hover fills + double focus ring
Email address you@warbyparker.com ← focus ring (recommended — input ships outline:none)
Sale −20% Low stock Home Try-On

Every button is a fully-round 100px pill at 48–50px. Two blues by role: Blueprint #1050d0 primary, Ink navy #072369 secondary. Focus is a double box-shadow ring (white 2px + slate #414b56); support colours are semantic only.

Typography

Ivory LL serif over ABC Social

Display h1 · Ivory LL · 55/61 · 400 · -0.55pxFind your new favorite frames
Section h2 · Ivory LL · 30/36 · 400 · -0.3pxA subtle hue for your view
Sub h3 · ABC Social · 20/30 · 700 · -0.2pxWebsite Cookies
Body · ABC Social · 14/24 · 400 · -0.13pxShop affordable, high-quality glasses and contacts.
Nav · ABC Social · 16 · 600Eyeglasses · Sunglasses · Contacts
Button · ABC Social · 16 · 400/500Start with a quiz
Palette

The --wp-color- token system

Text & grayscale
cosmos#121212
slate#3a434c
graphite#72777c
nimbus#e1e5e6
draft#eeedec
ivory#fcfbf9
parchment#f6f0e9
Core blues
blueprint#1050d0
dark-blueprint#1144a9
ink navy#072369
jet-ink#021a57
warby cyan#00a2e1
Support (semantic)
green#09624d
light-green#dfebe8
red#d6003c
light-red#ffe5ec
orange#c93700
Depth & motion

Pills, soft shadows

4px
16px card
100px pill
50% icon
card shadow
focus ring

House transition is all 0.2s cubic-bezier(0.25,0,0.35,0.95); text colour runs a gentler 0.35s curve. Keyframes are fadeIn / fadeOut / scaleIn + skeleton shimmer; ships 5 reduced-motion blocks and 21 container queries.