Section 02

Color system.

Seven pages. Every value a designer or print vendor needs to reproduce the palette without guessing.

Page 02 — Color System · CoverOnshelf · Brand Guidelines · v1.0
onshelf.02 — Color System
Section 02

Color system

Seven colours. One signature. The palette is designed for a light-first, high-contrast brand that reads clean at scale and electric up close. The fluorescent lime does the heavy lifting — everything else stays out of its way.

02 — Color System14
Page 02 — Color System · Primary paletteOnshelf · Brand Guidelines · v1.0
onshelf.02 — Color System
2.1 Primary palette

Three. That's the engine.

01 · Hero accentSignature

Fluorescent lime.

Primary accent — the signature.

HEX
#C6FF3D
RGB
198, 255, 61
CMYK
28, 0, 86, 0
HSL
78°, 100%, 62%
Pantone
375 C (nearest)
Use
CTA · period · ticker
02 · Canvas~60% of layout

White.

HEX
#FFFFFF
RGB
255, 255, 255
CMYK
0, 0, 0, 0
Role
Primary background
03 · Ink — never pure black

Ink.

All body text, headlines, the wordmark itself. The dark surface for hero blocks. Pure #000000 is forbidden — it's too cold.

HEX
#0B0F0E
RGB
11, 15, 14
CMYK
72, 52, 55, 75
Role
Text & dark surfaces
02 — Color System15
Page 02 — Color System · Supporting paletteOnshelf · Brand Guidelines · v1.0
onshelf.02 — Color System
2.2 Supporting palette

Four colours. Stay quiet.

Off-white

Off-white.

Alt section backgrounds

HEX#FAFAF7
RGB250, 250, 247
CMYK2, 1, 3, 0
Deep green

Deep green.

Footer · contrast sections

HEX#0B3B2E
RGB11, 59, 46
CMYK88, 36, 62, 48
Pantone3435 C
Soft sage

Soft sage.

Illustration fills · callouts

HEX#E8F5E3
RGB232, 245, 227
CMYK8, 0, 12, 0
Border

Border.

1 px hairline dividers

HEX#E5E5E0
RGB229, 229, 224
CMYK5, 3, 6, 0
02 — Color System16
Page 02 — Color System · UsageOnshelf · Brand Guidelines · v1.0
onshelf.02 — Color System
2.3 Usage rules

Where every colour goes.

ColourWhere to use it
Lime · #C6FF3D

CTA fills, wordmark period, shelf-line, eyebrow pills, stat underlines, ticker text, link hover accents. NEVER as a background for body text.

Ink · #0B0F0E

All body text, headlines, wordmark text, CTA text on lime fills, dark hero sections (sparingly). Never use pure #000000.

White · #FFFFFF

Primary page background, card surfaces, modal backgrounds. ~60% of any page.

Off-white · #FAFAF7

Alternating page sections, testimonial strips, 'how it works' blocks. ~20% of layout.

Deep green · #0B3B2E

Footer, ticker bars, contrast sections (max two per page), partner logo strips. ~5% of layout.

Sage · #E8F5E3

Isometric illustration fills, tooltip backgrounds, light callout boxes, tag backgrounds.

Border · #E5E5E0

1 px hairline dividers, card borders, table rules, form outlines. Never as a fill or background.

02 — Color System17
Page 02 — Color System · ProportionsOnshelf · Brand Guidelines · v1.0
onshelf.02 — Color System
2.4 Proportions

60 · 20 · 10 · 5 · 5.

White60%
Off-white20%
Ink10%
Deep green5%
Lime5%
The rule

Lime occupies ~5% of any layout but accounts for 90% of brand recognition.

60%
White carries the surface
5%
Lime is the only voice
0
Decorative colour. Ever.
02 — Color System18
Page 02 — Color System · AccessibilityOnshelf · Brand Guidelines · v1.0
onshelf.02 — Color System
2.5 Accessibility

WCAG, not vibes.

CombinationSampleUse caseWCAG
Aa 18px+

Buttons, headlines 18 px+

AA · Pass
Aa 14px

Body text 14–16 px

AA · Pass
Aa 24px+

Display only 24 px+

⚠ Large only
Aa <18px

Body / small labels

✗ Fail
Aa any

Lime on ink

AAA · Pass
Aa any

Lime on deep green

AAA · Pass
Aa any

Ink on white

AAA · Pass
Aa any

White on deep green

AAA · Pass
The rule

Lime on white is reserved for large display elements (24 px+), button fills, icons and accents only. For body text and small labels, always pair lime with ink or deep green backgrounds.

02 — Color System19
Page 02 — Color System · Approved combosOnshelf · Brand Guidelines · v1.0
onshelf.02 — Color System
2.6 Approved combinations

Use these. Only these.

01 · Standardonshelf.
02 · Reversedonshelf.
03 · Contrastmade operational.
04 · ButtonBook a call →
05 · SectionBody copy reads here.
06 · CalloutTip · ships in 48h.
02 — Color System20
Page 02 — Color System · ForbiddenOnshelf · Brand Guidelines · v1.0
onshelf.02 — Color System
2.7 Forbidden combinations

Six ways to break the system.

Don't · White on lime
onshelf.
Fails contrast
Don't · Lime on sage
onshelf.
No contrast
Don't · Lime body on white

We compress distributors out of the middle. Brands connect once, sell everywhere.

Fails AA small text
Don't · Deep green on ink
onshelf.
Invisible
Don't · Gradient
onshelf.
Never. Anywhere.
Don't · Off-system colour
Orange, blue, purple — no
02 — Color System21
End of Section 02 · Up next: 03 — Typography.