Color Palette.

Electric Indigo leads. Everything else supports it. The palette below is the brand source of truth; the design tokens powering this wiki are listed underneath so you can see exactly which values render on screen.

Primary colors

Four primary colors carry the brand. Electric Indigo is the dominant accent, Subtle White and Nero Black set the neutral foundation, and Bright Mint is reserved for accents.

Electric Indigo

#5C33FF

RGB 92, 51, 255CMYK 83, 69, 0, 0

Subtle White

#F1F5F9

RGB 241, 245, 249CMYK 4, 1, 1, 0

Nero Black

#222222

RGB 34, 34, 34CMYK 72, 66, 64, 72

Bright Mint

#6EFF8C

RGB 110, 255, 140CMYK 57, 0, 45, 0

Secondary colors

Four secondary colors extend the palette — used sparingly for product accents, illustration, and category coding (e.g. the product-line backgrounds).

Brilliant Rose

#FF4CAD

RGB 255, 76, 173CMYK 0, 83, 0, 0

Lime Green

#00C312

RGB 0, 195, 18CMYK 70, 0, 100, 0

Blue Violet

#882DE2

RGB 136, 45, 226CMYK 69, 78, 0, 0

Azure

#1681FF

RGB 22, 129, 255CMYK 83, 33, 0, 0

Don't use black on purple or purple on black. These combinations reduce contrast and readability. Keep Electric Indigo on light or neutral surfaces, and reserve dark text for light backgrounds.

Live wiki design tokens

This wiki renders from the CSS custom properties in /_assets/wiki.css. These are the exact values on screen right now (dark theme). Treat them as the implementation of the palette above — not a second source of truth.

Token	Value	Role
`--color-accent`	`#5d33ff`	Primary accent, links, active states
`--color-accent-text`	`#c7b6ff`	Accent text on dark surfaces
`--color-accent-soft`	`rgba(93,51,255,0.18)`	Accent fills, soft backgrounds
`--color-bg`	`#0d0e10`	Page background (dark)
`--color-bg-elev`	`#16171b`	Elevated surfaces, cards
`--color-bg-elev-2`	`#1c1d22`	Second elevation
`--color-text`	`#ffffff`	Primary text (dark theme)

Open question — accent mismatch. The brand source specifies Electric Indigo as #5C33FF (RGB 92, 51, 255). The live wiki token --color-accent is #5d33ff (RGB 93, 51, 255) — one step off in the red channel. It's visually imperceptible, but it's a real divergence. Per the brand consistency rule I have not changed either side. Decision needed: align the wiki token to #5C33FF, or ratify #5d33ff as the on-screen value and update the brand doc.

Source: PerkUp Brand Guidelines (Google Drive › PerkUp | Branding › 00_Guidelines › PerkUp Brand Guidelines.pdf, §03 Colours). Live tokens from /_assets/wiki.css. Last verified 2026-06-07.