Color Hue Selection
A palette must have hue spread of at least 120 degrees between primary and accent colors; primary and accent must differ in chroma by at least 0.…
$ aoe install @community/rule-color-hue-selectionProjection
Always in _index.xml · the agent never has to ask for this.
ColorHueSelection [rule] v1.0.0
A palette must have hue spread of at least 120 degrees between primary and accent colors; primary and accent must differ in chroma by at least 0.04; semantic hues (success, warning, danger, info) must not collide with the brand primary hue.
Loaded when retrieval picks the atom as adjacent / supporting.
ColorHueSelection [rule] v1.0.0
A palette must have hue spread of at least 120 degrees between primary and accent colors; primary and accent must differ in chroma by at least 0.04; semantic hues (success, warning, danger, info) must not collide with the brand primary hue.
Meta
- License: Apache-2.0
- License Provenance: package-authorship-claim
Applies To
- brand palette creation
- design token specification
- AI-generated color schemes
- any project using OKLCH primitives
Loaded when retrieval picks the atom as a focal / direct hit.
ColorHueSelection [rule] v1.0.0
A palette must have hue spread of at least 120 degrees between primary and accent colors; primary and accent must differ in chroma by at least 0.04; semantic hues (success, warning, danger, info) must not collide with the brand primary hue.
Meta
- License: Apache-2.0
- License Provenance: package-authorship-claim
Applies To
- brand palette creation
- design token specification
- AI-generated color schemes
- any project using OKLCH primitives
Examples
- primary H=220, accent H=350 (spread = 130°) — PASS
- primary H=145, accent H=22 (spread = 123°) — PASS
- primary C=0.12 (restrained), accent C=0.18 (vivid pop) — chroma diff = 0.06, PASS
Relations
related: [@impeccable/template-oklch-palette, @community/anti-pattern-generic-saas-blue, @community/check-color-oklch-required, @community/counter-example-tailwind-blue-500, @community/anti-pattern-rainbow-explosion, @community/example-stripe-dashboard, @community/example-mercury-banking-dashboard, @community/principle-color-system-foundation]
Rationale
Small hue spread (< 120°) creates a monotone trap where everything is 'blue and slightly different blue.' Equal chroma on primary and accent produces flat hierarchy with no visual pop. Semantic color collision means warning/danger signals cannot be visually distinguished from brand actions — a critical usability and safety failure.
Meta
- License: Apache-2.0
- License Provenance: package-authorship-claim
Applies To
- brand palette creation
- design token specification
- AI-generated color schemes
- any project using OKLCH primitives
Source
aoe-engine/examples/frontend-design/primes/compiled/@community/rule-color-hue-selection/atom.yaml