Dark Drift

A neon palette in tetradic tones.

♥ 9.8k likesneontetradic

#FBAC0E

#3BFE5B

#588DF8

#FF50E1

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
`#FBAC0E`	rgb(251, 172, 14)	hsl(40, 97%, 52%)	Vibrant Amber	View
`#3BFE5B`	rgb(59, 254, 91)	hsl(130, 99%, 61%)	Vibrant Green	View
`#588DF8`	rgb(88, 141, 248)	hsl(220, 92%, 66%)	Vibrant Blue	View
`#FF50E1`	rgb(255, 80, 225)	hsl(310, 100%, 66%)	Vibrant Pink	View

Color Psychology & Usage

Psychology

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

Detailed Analysis

The combination of Vibrant Amber and Vibrant Green creates a refined visual hierarchy perfect for modern design projects.

Best Applications

PackagingApparelArchitectureUI Design

Accessibility & Contrast Report

Score: 66%

#FBAC0E

On White1.91:1 (Poor)

On Black11.01:1 (Excellent)

#3BFE5B

On White1.35:1 (Poor)

On Black15.51:1 (Excellent)

#588DF8

On White3.19:1 (Poor)

On Black6.58:1 (Good)

#FF50E1

On White2.8:1 (Poor)

On Black7.49: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: #FBAC0E;
  --color-2: #3BFE5B;
  --color-3: #588DF8;
  --color-4: #FF50E1;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.