Color

Jadeite is the anchor. It shows up in two modes — one for dark surfaces, one for light. Every color has a name and a reason; use the named token, not the hex. Read the manifesto →

Jadeite — brand anchor

Jadeite #3bc3a6 Logo hearts · static brand marks · vaporwave accent
Electric Jadeite #04ffb2 Synthwave glow · hover energy · active state

🌙 Synthwave operating system on

Cyberpunk neon on deep space. Low-opacity glass (0.03–0.08) over dramatic gradient. The brain when it's running.

Neon Kiss#ff0080Primary CTA · hot pink, no apology
Bejeweled#ff00a0State change · shimmer back to life
Electric Jadeite#04ffb2Glow · hover · brand
Anti-Hero Cyan#00ffffAccent · sparingly
Karma#8000ffSofter violet · karma is your friend
Lavender Hazee0e0ff / 85%Secondary text · thinking at 2am
Midnight Rain#120227Background anchor
Glass Clear#ffffffPrimary text on dark

🌅 Vaporwave glass clear

80s pastels on a dreamy spectrum. Higher opacity glass (0.4–0.78) with soft shadows. The brain when it's at peace.

Soft Pink#ff9ac1Primary CTA
Anti-Hero#9ac1ffPowder blue · self-aware morning
Jadeite#3bc3a6Brand anchor
Labyrinth#d4a5ffLavender · the slow-reveal color
Sunwash#ffb5a5Peach · morning light
Snow on the Beach#ffe2eeBackground warmth · tender, unprecedented
Mint Bright#eafff7Jadeite-tinted off-white · lockup names
Ink Well#2d1b3dDeep plum-ink · primary text

Semantic tokens (auto-bound per theme)

--bbs-primaryCTA fill
--bbs-accentSecondary
--bbs-glowActive · hover
--bbs-heartSignature
--bbs-surfaceGlass card
--bbs-surface-softInset

Status colors — universal, not themed

These stay constant across synthwave and vaporwave. Amber means caution, red means stop — same everywhere, so users don't have to relearn the signal when the theme changes.

--bbs-status-warning#ffb454Caution · amber
--bbs-status-danger#ff5a7aStop · coral red
--bbs-status-info#7ab5ffInformational · soft blue

Floats — words that carry color, but aren't swatches

Some things aren't a hex code; they're a posture. These live in the voice, not the tokens. Named so they can't be lost — but never locked to a single color.

Float
Sweet Nothing
The tender, protective register. Copy about family, mom's line, the “I'd do anything for you” moments. Never a swatch. Let it float.
Float
Paper Rings
Tender emphasis. Earnest, unpretentious. Reserved for small joyful highlights — the “I'd marry you with paper rings” moments in copy.
Float
Operating System
The brand's verb. When something clicks into place for someone whose brain doesn't usually get that feeling, it's the OS working. Lives in headers and product copy, not in a color.
Float
Hummingbird
Project Jadeite's precious-moment emblem. Small, fast, almost-missed. If you're tempted to use it for decoration, don't.