Vibrant Deep Vibrant Emerald & Deep Vibrant Blue Cool

A 4-color combination featuring Deep Vibrant Emerald, Deep Vibrant Blue, Deep Vibrant Pink. Perfect for UI design, branding identities, and digital illustrations.

♥ 98 likesblueemeraldpalette

#003321

#080033

#330012

#2B3300

Professional Visualization

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

BrandName

ProductPricingGet Started

Modern Interface Design

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

Learn More

★

Fast Performance

⚡

Secure Cloud

Color Information & Values

HEX	RGB	HSL	Name	Details
`#003321`	rgb(0, 51, 33)	hsl(159, 100%, 10%)	Deep Vibrant Emerald	View
`#080033`	rgb(8, 0, 51)	hsl(249, 100%, 10%)	Deep Vibrant Blue	View
`#330012`	rgb(51, 0, 18)	hsl(339, 100%, 10%)	Deep Vibrant Pink	View
`#2B3300`	rgb(43, 51, 0)	hsl(69, 100%, 10%)	Deep Vibrant Lime	View

Color Psychology & Usage

Psychology

This soft Deep Vibrant Emerald palette brings a sense of serene tranquility and modern airiness.

Detailed Analysis

Using Deep Vibrant Emerald as a primary surface creates an environment of focused relaxation and clarity. Consider this for background layers where content needs to feel light and accessible.

Best Applications

Logo DesignPrint MediaPhotographyPresentations

Accessibility & Contrast Report

Score: 60%

#003321

On White14.04:1 (Excellent)

On Black1.5:1 (Poor)

#080033

On White19.85:1 (Excellent)

On Black1.06:1 (Poor)

#330012

On White18.27:1 (Excellent)

On Black1.15:1 (Poor)

#2B3300

On White13.32:1 (Excellent)

On Black1.58:1 (Poor)

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: #003321;
  --color-2: #080033;
  --color-3: #330012;
  --color-4: #2B3300;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.