Alveon's color system is monochrome plus one. Ember is the only chromatic color. Everything else is black, white, or warm sand. The greys carry a subtle amber undertone at 30-35° hue, giving the system more human warmth without losing technical precision.
Orange marks the point where Alveon happens. The moment of measurement. The site of production. The zone of highest stress. It occupies less than 10% of any composition. But where it appears, it dominates.
Target ratio across all touchpoints. Orange never exceeds 10% of visual surface area. The restraint is what makes it a signal.
WCAG 2.1 contrast ratios for all primary pairings. AA requires 4.5:1 for normal text, 3:1 for large text. AAA requires 7:1 for normal text.
| Combination | Ratio | Normal Text | Large Text |
|---|---|---|---|
|
Aa
Black on White
|
21.0 : 1 | AAA | AAA |
|
Aa
Dark on White
|
16.9 : 1 | AAA | AAA |
|
Aa
Mid on White
|
5.7 : 1 | AA | AAA |
|
Aa
Light on White
|
3.2 : 1 | Fail | AA (large) |
|
Aa
Ember on White
|
3.4 : 1 | Fail | AA (large) |
|
Aa
Ember on Black
|
6.2 : 1 | AA | AAA |
|
Aa
Ember on Dark
|
5.0 : 1 | AA | AAA |
|
Aa
White on Black
|
21.0 : 1 | AAA | AAA |
|
Aa
White on Dark
|
16.9 : 1 | AAA | AAA |
Every Alveon layout operates in one of three modes. The mode defines which text colors, which accent treatments, and which contrast pairings are allowed.
Four comparison pairs that define the boundaries of the color system.
Six touchpoints showing how the palette works across different media and scales.
Complete value table for development and design handoff.
| Name | HEX | RGB | HSL | Role |
|---|---|---|---|---|
| Ember | #F05A10 | 240 / 90 / 16 | 20° / 88% / 50% | Signal, labels, accents |
| Black | #000000 | 0 / 0 / 0 | 0° / 0% / 0% | Headlines, backgrounds |
| Dark | #201C16 | 32 / 28 / 22 | 36° / 19% / 11% | Primary text, backgrounds |
| Mid | #6E655A | 110 / 101 / 90 | 33° / 10% / 39% | Body text |
| Light | #9A8E80 | 154 / 142 / 128 | 32° / 10% / 55% | Captions, metadata |
| Pale | #D1C9BD | 209 / 201 / 189 | 36° / 13% / 78% | Rules, dividers |
| Near White | #F7F5F0 | 247 / 245 / 240 | 43° / 23% / 95% | Background tint |
| White | #FFFFFF | 255 / 255 / 255 | 0° / 0% / 100% | Primary background |