Hive

Hive

Mint Lab vs Noir Cinema

Look Diff · Side-by-side decision

An analytical comparison of Mint Lab (Cool) and Noir Cinema (Dark) — palette distance, atmosphere tokens, and trust cues. No midpoint remix.

  • Mint Lab and Noir Cinema sit far apart in OKLab palette space (mean ΔE≈0.63).
  • 43% atmosphere agreement — 4 of 7 discrete tokens differ.
  • Both carry Accessibility Passport grade C (design preview — not an audit).

Mint Lab

Caution — some colors sit below WCAG AA on this background (9.1:1 text, 2.4:1 primary).

Passport grade C · CVD cautions 3/3 (approx.)

Noir Cinema

Caution — some colors sit below WCAG AA on this background (17.8:1 text, 4.1:1 primary).

Passport grade C · CVD cautions 1/3 (approx.)

Color vision preview

How Mint Lab reads under common color vision deficiencies (approximate).

Color vision simulation for Mint Lab

Background#f0fdfaForeground#134e4aPrimary#14b8a6Accent#ccfbf1

Typical vision baseline for this palette.

Color vision simulations are approximate design previews, not a medical diagnosis.

Color vision preview

How Noir Cinema reads under common color vision deficiencies (approximate).

Color vision simulation for Noir Cinema

Background#0d0d0dForeground#f5f5f5Primary#e11d48Accent#1f1214

Typical vision baseline for this palette.

Color vision simulations are approximate design previews, not a medical diagnosis.

Accessibility passport

Needs contrast care

Some text or primary colors fall below WCAG AA (4.5:1) on this background. Multiple color vision simulations flag distinctiveness cautions (approx.) — plan extra review for members with color vision differences.

  • Text on background — pass9.1:1 vs WCAG AA 4.5:1
  • Primary on background — caution2.4:1 vs WCAG AA 4.5:1
  • CVD distinctiveness — caution3 of 3 simulations flag distinctiveness cautions (approx.)

Color vision simulations and contrast checks are approximate design previews — not a medical diagnosis or accessibility audit.

Accessibility passport

Needs contrast care

Some text or primary colors fall below WCAG AA (4.5:1) on this background. One color vision simulation flags a distinctiveness caution (approx.) — worth a quick check before launch.

  • Text on background — pass17.8:1 vs WCAG AA 4.5:1
  • Primary on background — caution4.1:1 vs WCAG AA 4.5:1
  • CVD distinctiveness — caution1 of 3 simulations flag distinctiveness cautions (approx.)

Color vision simulations and contrast checks are approximate design previews — not a medical diagnosis or accessibility audit.

Open interactive Look Diff