Polymarket-inspired

Polymarket-inspired color tokens, Inter Variable, and the existing standalone Bet Button.

Preview

Color and type tokens in light and dark.

Polymarket-inspired

light

Colors

Background#ffffff

Foregroundlab(15.4544% -0.764295 -4.69404)

Primarylab(15.4544% -0.764295 -4.69404)

Primary fg#ffffff

Secondarylab(96.5213% -0.0690222 -0.946689)

Accentlab(96.5213% -0.0690222 -0.946689)

Destructivelab(47.8918% 72.1772 58.3835)

Mutedlab(96.5213% -0.0690222 -0.946689)

Cardlab(100% 0 0)

Border#e6e8ea

Brand

Brandlab(44.7153% 32.3672 -86.8665)

Brand fglab(100% 0 0)

Outcome

Yeslab(62.7363% -54.8402 36.1505)

Yes fglab(100% 0 0)

Nolab(47.8918% 72.1772 58.3835)

No fglab(100% 0 0)

Charts

Typography

Headingvar(--font-inter, "Inter Variable"), Inter, ui-sans-serif, system-ui, sans-serif

Aa Bb Cc 123

Bodyvar(--font-inter, "Inter Variable"), Inter, ui-sans-serif, system-ui, sans-serif

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Polymarket-inspired

dark

Colors

Background#15191d

Foregroundlab(100% 0 0)

Primarylab(100% 0 0)

Primary fg#15191d

Secondarylab(11.7167% 0.285715 -5.93065)

Accentlab(11.7167% 0.285715 -5.93065)

Destructivelab(47.8653% 72.2538 58.374)

Mutedlab(11.7167% 0.285715 -5.93065)

Cardlab(3.97501% -0.0636876 -3.07571)

Border#242b32

Brand

Brandlab(46.349% 29.2063 -84.1946)

Brand fglab(100% 0 0)

Outcome

Yeslab(62.3076% -55.495 38.9853)

Yes fglab(100% 0 0)

Nolab(47.8653% 72.2538 58.374)

No fglab(100% 0 0)

Charts

Typography

Headingvar(--font-inter, "Inter Variable"), Inter, ui-sans-serif, system-ui, sans-serif

Aa Bb Cc 123

Bodyvar(--font-inter, "Inter Variable"), Inter, ui-sans-serif, system-ui, sans-serif

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Installation

pnpm dlx shadcn@latest add https://betui.fyi/r/polymarket.json

Also installs

Pulled in alongside the tokens by the command above.

font-inter bet-button

Tokens

Token	light	dark
--accent	lab(96.5213% -0.0690222 -0.946689)	lab(11.7167% 0.285715 -5.93065)
--accent-foreground	lab(15.4544% -0.764295 -4.69404)	lab(100% 0 0)
--background	#ffffff	#15191d
--border	#e6e8ea	#242b32
--brand	lab(44.7153% 32.3672 -86.8665)	lab(46.349% 29.2063 -84.1946)
--brand-foreground	lab(100% 0 0)	lab(100% 0 0)
--card	lab(100% 0 0)	lab(3.97501% -0.0636876 -3.07571)
--card-foreground	lab(15.4544% -0.764295 -4.69404)	lab(100% 0 0)
--chart-1	lab(44.7153% 32.3672 -86.8665)	lab(46.349% 29.2063 -84.1946)
--chart-2	lab(62.7363% -54.8402 36.1505)	lab(62.3076% -55.495 38.9853)
--chart-3	lab(47.8918% 72.1772 58.3835)	lab(47.8653% 72.2538 58.374)
--chart-4	lab(76.4539% 11.7478 77.3971)	lab(76.4539% 11.7478 77.3971)
--chart-5	lab(66.5134% 4.76611 -51.6026)	lab(25.8406% 47.6218 -87.3703)
--destructive	lab(47.8918% 72.1772 58.3835)	lab(47.8653% 72.2538 58.374)
--destructive-foreground	lab(100% 0 0)	lab(100% 0 0)
--foreground	lab(15.4544% -0.764295 -4.69404)	lab(100% 0 0)
--input	lab(91.9748% -0.136733 -1.92862)	lab(19.7332% 0.085786 -5.00613)
--muted	lab(96.5213% -0.0690222 -0.946689)	lab(11.7167% 0.285715 -5.93065)
--muted-foreground	lab(47.7217% -1.37293 -5.88264)	lab(75.6517% -0.314564 -5.00366)
--no	lab(47.8918% 72.1772 58.3835)	lab(47.8653% 72.2538 58.374)
--no-foreground	lab(100% 0 0)	lab(100% 0 0)
--popover	lab(100% 0 0)	lab(3.97501% -0.0636876 -3.07571)
--popover-foreground	lab(15.4544% -0.764295 -4.69404)	lab(100% 0 0)
--primary	lab(15.4544% -0.764295 -4.69404)	lab(100% 0 0)
--primary-foreground	#ffffff	#15191d
--radius	0.7rem	0.7rem
--ring	lab(47.7217% -1.37293 -5.88264)	lab(75.6517% -0.314564 -5.00366)
--secondary	lab(96.5213% -0.0690222 -0.946689)	lab(11.7167% 0.285715 -5.93065)
--secondary-foreground	lab(15.4544% -0.764295 -4.69404)	lab(100% 0 0)
--sidebar	#ffffff	#15191d
--sidebar-accent	lab(96.5213% -0.0690222 -0.946689)	lab(11.7167% 0.285715 -5.93065)
--sidebar-accent-foreground	lab(15.4544% -0.764295 -4.69404)	lab(100% 0 0)
--sidebar-border	#e6e8ea	#242b32
--sidebar-foreground	lab(15.4544% -0.764295 -4.69404)	lab(100% 0 0)
--sidebar-primary	lab(44.7153% 32.3672 -86.8665)	lab(46.349% 29.2063 -84.1946)
--sidebar-primary-foreground	lab(100% 0 0)	lab(100% 0 0)
--sidebar-ring	lab(47.7217% -1.37293 -5.88264)	lab(75.6517% -0.314564 -5.00366)
--surface-edge	rgb(0 0 0 / 5%)	rgb(255 255 255 / 8%)
--surface-shadow	0 2px 3px -2px rgb(0 0 0 / 0.12), 0 8px 14px -8px rgb(0 0 0 / 0.18)	0 2px 3px rgb(0 0 0 / 0.35), 0 6px 14px -4px rgb(0 0 0 / 0.45)
--yes	lab(62.7363% -54.8402 36.1505)	lab(62.3076% -55.495 38.9853)
--yes-foreground	lab(100% 0 0)	lab(100% 0 0)

Tokens captured from https://polymarket.com/ on 2026-09-21. Colors only — no brand assets, fonts, or code are redistributed.