COLOR-026 · Split Complementary Block | Zemew AI Design Library

COLOR-026

Split Complementary Block

Split complementary pairing used as a two-panel color lesson.

More Colors & Effects

Base#6f92c4

Accent#d4a574

Details

ID: COLOR-026
Category: Colors & Effects
Style: playful
Complexity: moderate
Animation: none
Stable URL: https://zemew.com/guides/ai/library/colors/COLOR-026

palette complementary split

Recommended uses

Brand explorations
Accent pairing

Responsive behavior

Panels stack on narrow previews.

Accessibility

Use the louder hue sparingly for accents, not large text blocks.

Code examples

Adapt these to your project. Do not paste unrelated branding or colors blindly.

HTML

<!-- Example scaffold for COLOR-026. Adapt to your project. -->
<section id="COLOR-026" class="ai-design-example" data-zemew-component="colors" data-style="playful" data-version="1">
  <!-- Implement using the live preview as the visual reference -->
</section>

CSS

/* Scope demo styles so they cannot affect the rest of the site */
#COLOR-026.ai-design-example {
  /* mirror the preview treatment for COLOR-026 */
}

Machine-readable metadata

The live preview exposes semantic attributes an AI or developer can read from the page source:

id="COLOR-026" data-zemew-component="colors" data-style="playful" data-variant="split" data-animation="none" data-version="1"