all examplescached · revalidates daily
// extracted2026-05-17 · 01:26:44 utc·deterministic·437,527 bytes css · 6 sheets

Stripe

stripe.com

Stripe is a financial services platform that helps all types of businesses accept payments, build flexible billing models, and manage money movement.

18 colours·0 type roles·12 spacing steps·5 radii·3 shadows

Colours / 18

from 437,527 bytes

Primary

color-brandCITED
#533AFD
buttons, links, headings21 CITES
color-accentCITED
#665EFD
buttons, headings, cards8 CITES
color-secondaryCITED
#7389FF
general UI1 CITES
color-primary-4CITED
#F96BEE
links, backgrounds14 CITES
color-primary-5CITED
#2C2484
general UI12 CITES
color-primary-6CITED
#122054
borders, form fields12 CITES
color-primary-7CITED
#222069
general UI12 CITES
color-primary-8CITED
#7680F5
general UI8 CITES

Neutral

color-neutral-1CITED
#000000
form fields1 CITES
color-gray-50CITED
#D4DEE9
general UI1 CITES
color-gray-50-2CITED
#E0E0E0
general UI4 CITES
color-gray-50-3CITED
#D9EBFF
general UI16 CITES
color-gray-50-4CITED
#E8E9FF
buttons, cards, form fields1 CITES
color-gray-50-5CITED
#FFE5DA
buttons, form fields1 CITES
color-gray-50-6CITED
#E5EDF5
headings16 CITES
color-gray-50-7CITED
#FFE6F5
backgrounds1 CITES
color-gray-50-8CITED
#FEE8EB
general UI1 CITES
color-surfaceCITED
#F5EAFF
general UI8 CITES

Spacing / 12 steps

extracted from padding · margin · gap
space-10px
space-24px
space-38px
space-412px
space-516px
space-620px
space-724px
space-832px
space-940px
space-1048px
space-1164px
space-1280px

Radius / 5 values

extracted from border-radius
radius-sm2px
radius-md4px
radius-lg6px
radius-xl10px
radius-fullfull

Elevation / 3 levels

box-shadow · grouped by blur
shadow-smCards at rest, low ambient elevation
shadow-mdDropdowns, popovers
shadow-lgModals, overlays