v4 was technically correct but visually harsh. The accent was neon, the page was pure white, the dark sections were too saturated. v5 pulls the whole palette back to warm + muted, with WCAG AA contrast everywhere. Same layout, same widths, much easier to look at for 8 hours.
Bring nature into the classroom with beautifully illustrated, curriculum-aligned resources.
Books · News · Team · Resources
Ready to bring trees to your classroom?
Contact · Social · © 2026
Bring nature into the classroom with beautifully illustrated, curriculum-aligned resources.
Books · News · Team · Resources · Pricing
Bring nature into the classroom with beautifully illustrated, curriculum-aligned resources.
Books · News · Team · Resources · Pricing · Contact
| Token | v4 (was) | v5 (now) | Why |
|---|---|---|---|
| accent | #4ade80 (neon) | #6ee7a8 (mint) | Soften, less retina-burn |
| bg-page | #f3f3ed (cool) | #f5f5f0 (warm) | Warmer, less clinical |
| bg-dark-f | #1a3a1a (saturated) | #2d3a30 (muted) | Less neon, more "forest" |
| bg-dark-w | #4a3a1a (saturated) | #3d2f1f (muted) | Less neon, more "earth" |
| panel-bg | #0a0d10 (cold) | #14171b (warm) | Warmer, less harsh |
| panel-text | #e6e9ef (slight blue) | #e8e9eb (neutral) | Less color tint |
| panel-text-2 | #b0b8c0 (cool gray) | #9aa0a8 (warm gray) | Warmer, AA contrast on dark |
| panel-text-3 | #6a7280 (low contrast) | #6a7079 (warmer) | Slight warm shift, still muted |
| warn | #f87171 (red) | #f4a261 (amber) | Less alarm, more "notice" |
| border | #2a3038 (cool) | rgba(255,255,255,.08) | Subtle, works on any bg |
mockups/samsung-edge-panel-v5/ — current, the keepermockups/samsung-edge-panel-v4/ — too harsh, kept as recordmockups/README.md — added v5 to the historical record