Design System
Inspired by Coinbase

Every color, font, and component — visualized with crypto-grade precision.

Get StartedLearn More
01 / Colors

Color Palette

Brand
Coinbase Blue
#0052ff
Primary brand
Hover Blue
#578bfa
Hover state
Cool Gray
#eef0f3
Secondary surface
Near Black
#0a0b0d
Text, dark sections
Dark Card
#282b31
Dark buttons
Muted
#5b616e
Secondary text
02 / Typography

Typography Scale

Display Hero
CoinbaseDisplay — 80px / 400 / 1.00
Section Heading
CoinbaseSans — 36px / 400 / 1.11
Feature Title
CoinbaseSans — 18px / 600 / 1.33
Body — The future of money is here. Buy, sell, and manage crypto with Coinbase.
CoinbaseText — 18px / 400 / 1.56
Button Label
CoinbaseSans — 16px / 600 / 1.20 / +0.16px
03 / Buttons

Buttons

Sign Up
Primary Blue
Learn More
Gray Surface
Explore
Dark
Details
Blue Outline
04 / Cards

Cards

Bitcoin (BTC)

The original cryptocurrency. Buy, sell, and send Bitcoin from your Coinbase account.

Ethereum (ETH)

Smart contracts and dApps. The second-largest crypto by market cap.

USDC

A dollar-backed stablecoin. The digital dollar for the global crypto economy.

05 / Forms

Forms

Default
Focus (blue ring)
Error
06 / Spacing

Spacing

4
8
16
24
32
48
07 / Radius

Radius

8px
16px
32px
56px
pill
08 / Elevation

Depth

Flat
No shadow
Focus
Blue ring