Skip to content
fluxr
Official Palette02 — Color SystemBrandbook

Official Palette

Lime #C3F400 as primary color. No secondary accent color — high-contrast grays for text emphasis only. Deep OLED backgrounds.

Core palette

core01

Click to copy

Lime Primary
BG Body
BG Section
Text Primary
Text Muted

Alpha ladder

alpha02

Nine named steps. Any rgba() outside this ladder is visual debt.

PreviewTokenValueUse
wash
subtle hover
badge / chip
card border
card glow
active border
strong glow
overlay
near solid

Status Colors

03
Success / Online
#22c55e — Status only. Never as brand color.
Warning / Pending
#f59e0b — Alerts, pending states.
Error / Offline
#ef4444 — Errors, critical states.
Neutral / Inactive
#94a3b8 — Secondary text, inactive states.

Lime on white background

tema-claro04

The brand is dark-first, but light theme exists. Pure lime #C3F400 on white scores 1.29:1 — it washes out. In light theme lime splits into three roles, each with the contrast that role demands.

Fill
Button, badge and bar background. 2.20:1 on white; #141414 text on top scores 8.36:1 (AAA).
Borders and icons
Outline, icon, focus ring. 3.0:1 — WCAG minimum for UI components.
Text
Lime as LETTERING on white. 4.58:1 — passes AA for body copy.
Get StartedPrimary button in light theme
Never in light theme
#C3F400 as lettering on white — 1.29:1, illegible
#C3F400 as fill on white — vanishes into the background

Forbidden Colors

05
#135BEC
#8b5cf6
#a855f7
#40c9ff
#e81cff
#256af4
#3b82f6

Verified contrast

contraste06

Every ratio is computed at build time from the hex. If a documented pair drops below AA, the build fails.

PairThemeRoleMinimum
AaDarktexto18.92:14.5:1Body text on the site background
AaDarktexto7.72:14.5:1Subtitles and descriptions
AaDarktexto15.33:14.5:1Lime as emphasis text in dark theme
AaDarktexto14.26:14.5:1Text inside the lime button
AaLighttexto8.35:14.5:1Text on the light-theme lime fill
AaLighttexto4.58:14.5:1Lime as TEXT on white
AaLightui3.06:13:1Border, icon and focus ring on white