Skip to content
Browse
Library

OpenSea. Black trading terminal with frosted blue wireframes.

  • Crypto
  • Dark theme
  • 9 colors
  • 2 typefaces

OpenSea runs on a near-black canvas with paper-white text and a single cool blue accent (#83c3ff) that signals links, verified badges, and outlined interactive elements. Surfaces are stratified in tiny tonal steps (#080809 → #141415 → #1b1d1f → #26272d) so cards appear to float on the page through hairline inset white-alpha rings (rgba(255,255,255,0.08)) rather than drop shadows. Typography is restrained: gtAmerica at 12–16px for almost everything, with 20–32px reserved for section headers, and gtAmericaMono stepping in for prices, addresses, and numeric data. The layout is a three-pane shell — slim left icon rail, fluid center content, fixed right sidebar — and the rhythm stays dense, with 8–12px gutters and 4px/8px corner radii throughout.

Visit opensea.io
Screenshot of OpenSea
Captured from opensea.io on October 11, 2026

OpenSea design system

OpenSea

Accent1

  • Verified badges, link text, outlined button borders, focus rings, and filter pills — the only chromatic accent on a monochrome canvas, cool enough to read as informational rather than promotional

Neutrals8

  • Body backdrop, outer page shell, and deepest shadow zone behind the nav

  • Top navigation bar and footer base — the deepest layer of the surface stack

  • Page canvas and card surface — the dominant background under all content

  • Navigation rail, footer, and elevated panel backgrounds — one step above the page surface

  • Outlined button borders and tertiary dividers on the main canvas — the lightest neutral that still reads as a structural edge

  • Hover-state surface wash on icons and small controls, lightest elevated background in the stack

  • Muted secondary text, placeholder copy, and subtle borders — the bridge tone between paper white and the dark surfaces

  • Primary text, icon strokes, hairline borders, and checkbox fills — the dominant surface signal against the near-black canvas

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Void on Ice Signal

10.69 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.