Availability for 1 new client for Q2 2026.

Color Schemes

The 6 active schemes + 3 retired ones that are too similar to keep.

cs3 CS3 — Pure White White bg, dark text. Default for content-heavy sections.

Section level

Section heading

Body copy directly on the section background — no card.

text-content secondary muted

Card (bg-surface-secondary)

Card heading

Body copy inside a card. Always use bg-surface-secondary.

surface
secondary
tertiary
brand
accent
cs2 CS2 — Warm Off-White Soft sage bg (#F7F8F4). For alternating light sections.

Section level

Section heading

Body copy directly on the section background — no card.

text-content secondary muted

Card (bg-surface-secondary)

Card heading

Body copy inside a card. Always use bg-surface-secondary.

surface
secondary
tertiary
brand
accent
cs7 CS7 — Warm Gray Warm gray-beige bg (#d9d9ce). Neutral, calm — good for testimonials or letter sections.

Section level

Section heading

Body copy directly on the section background — no card.

text-content secondary muted

Card (bg-surface-secondary)

Card heading

Body copy inside a card. Always use bg-surface-secondary.

surface
secondary
tertiary
brand
accent
cs1 CS1 — Dark Forest Deep green bg, white text, white primary button. Strong contrast sections.

Section level

Section heading

Body copy directly on the section background — no card.

text-content secondary muted

Card (bg-surface-secondary)

Card heading

Body copy inside a card. Always use bg-surface-secondary.

surface
secondary
tertiary
brand
accent
cs4 CS4 — Dark + Lime Deep green bg, lime primary button. Best for CTAs — that lime button pops.

Section level

Section heading

Body copy directly on the section background — no card.

text-content secondary muted

Card (bg-surface-secondary)

Card heading

Body copy inside a card. Always use bg-surface-secondary.

surface
secondary
tertiary
brand
accent
cs5 CS5 — Lime Lime bg (#D3FA99), dark text. High-impact accent. Use for one section max per page.

Section level

Section heading

Body copy directly on the section background — no card.

text-content secondary muted

Card (bg-surface-secondary)

Card heading

Body copy inside a card. Always use bg-surface-secondary.

surface
secondary
tertiary
brand
accent

Retired schemes

These exist in the CSS but are too similar to the active dark schemes to be useful. Avoid using them — stick to CS1 or CS4 for dark sections.

cs6 CS6

Nearly identical to CS1 — darker by ~10%. No meaningful distinction.

cs8 CS8

Near-black (#222420). Indistinguishable from CS1 in context.

cs9 CS9

Slate green (#4b4d41). Looks the same as CS6/CS8 in practice.

Suggested page rhythm

CS3 Hero / above the fold
CS2 Logos / social proof
CS1 Pains / dark contrast
CS3 Letter / services
CS7 Testimonials / neutral
CS4 CTA — lime button closes strong