Professional Color Scheme

Vibrant Light Vibrant Navy & Light Vibrant Orange Cool

A 3-color combination featuring Light Vibrant Navy, Light Vibrant Orange, Light Vibrant Green. Perfect for UI design, branding identities, and digital illustrations.

406 likesgreennavypalette
#AF7AFF
#FFAF7A
#7AFFAF

Professional Visualization

See how this palette performs in real-world UI mockups.

Modern Interface Design

Experience the perfect harmony of colors calculated for your brand identity.

Learn More

Fast Performance

Secure Cloud

Color Information & Values

SwatchHEXRGBHSLNameDetails
#AF7AFFrgb(175, 122, 255)hsl(264, 100%, 74%)Light Vibrant NavyView
#FFAF7Argb(255, 175, 122)hsl(24, 100%, 74%)Light Vibrant OrangeView
#7AFFAFrgb(122, 255, 175)hsl(144, 100%, 74%)Light Vibrant GreenView

Color Psychology & Usage

Psychology

This green-dominant palette evokes a sense of balance and professionalism.

Detailed Analysis

The combination of Light Vibrant Navy and Light Vibrant Orange creates a refined visual hierarchy perfect for modern design projects.

Best Applications
Logo DesignUI DesignSocial MediaIllustration
Tags

Accessibility & Contrast Report

Score: 64%
#AF7AFF
On White2.98:1 (Poor)
On Black7.05:1 (Excellent)
#FFAF7A
On White1.8:1 (Poor)
On Black11.67:1 (Excellent)
#7AFFAF
On White1.25:1 (Poor)
On Black16.75:1 (Excellent)
These ratios are calculated based on WCAG 2.1 guidelines. A ratio of 4.5:1 is the minimum for standard text, while 7:1 is recommended for high accessibility.

CSS Export

:root {
  --color-1: #AF7AFF;
  --color-2: #FFAF7A;
  --color-3: #7AFFAF;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.