Professional Color Scheme

Pastel Pale Pure Yellow & Pale Pure Emerald Balanced

A 4-color combination featuring Pale Pure Yellow, Pale Pure Emerald, Pale Pure Blue. Perfect for UI design, branding identities, and digital illustrations.

73 likescyanyellowpalette
#F7F3C5
#C5F7DA
#C5C9F7
#F7C5E2

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
#F7F3C5rgb(247, 243, 197)hsl(55, 76%, 87%)Pale Pure YellowView
#C5F7DArgb(197, 247, 218)hsl(145, 76%, 87%)Pale Pure EmeraldView
#C5C9F7rgb(197, 201, 247)hsl(235, 76%, 87%)Pale Pure BlueView
#F7C5E2rgb(247, 197, 226)hsl(325, 76%, 87%)Pale Pure PinkView

Color Psychology & Usage

Psychology

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

Detailed Analysis

The combination of Pale Pure Yellow and Pale Pure Emerald creates a refined visual hierarchy perfect for modern design projects.

Best Applications
Brand IdentityPrint MediaIllustrationPresentations
Tags

Accessibility & Contrast Report

Score: 60%
#F7F3C5
On White1.13:1 (Poor)
On Black18.58:1 (Excellent)
#C5F7DA
On White1.19:1 (Poor)
On Black17.69:1 (Excellent)
#C5C9F7
On White1.61:1 (Poor)
On Black13.07:1 (Excellent)
#F7C5E2
On White1.5:1 (Poor)
On Black14.04: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: #F7F3C5;
  --color-2: #C5F7DA;
  --color-3: #C5C9F7;
  --color-4: #F7C5E2;
}

Discover Similar Schemes

Palettes that share visual characteristics and color harmony.