What are the hex codes in the Blush Celadon & Electric Blue palette?

The Blush Celadon & Electric Blue color palette consists of Sage #95B39E, Celadon #BAD297, Electric Blue #ACF6EA, Papaya #F5EFD2.

How should I use the Blush Celadon & Electric Blue palette on a website?

Use Papaya #F5EFD2 as the background, Sage #95B39E for text, Electric Blue #ACF6EA for buttons and links, and Celadon #BAD297 for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Blush Celadon & Electric Blue have enough contrast for text?

The highest-contrast pair is #95B39E on #F5EFD2 with a ratio of 1.97:1, which does not meet WCAG AA; add a darker or lighter neutral for body text.

#95B39ESage

#BAD297Celadon

#ACF6EAElectric Blue

#F5EFD2Papaya

Blush Celadon & Electric Blue color palette

Pastel Muted Green Teal

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Sage	`#95B39E`	`rgb(149, 179, 158)`	`hsl(138, 16%, 64%)`	`oklch(73.8% 0.044 155)`
Celadon	`#BAD297`	`rgb(186, 210, 151)`	`hsl(84, 40%, 71%)`	`oklch(83.1% 0.083 126)`
Electric Blue	`#ACF6EA`	`rgb(172, 246, 234)`	`hsl(170, 80%, 82%)`	`oklch(92.1% 0.075 183)`
Papaya	`#F5EFD2`	`rgb(245, 239, 210)`	`hsl(50, 64%, 89%)`	`oklch(94.9% 0.039 97)`

Why it works and how to use it

Blush Celadon & Electric Blue is a pastel light, split color palette tagged pastel, muted, green. The hues span about 120°, enough contrast to create a focal point without the harshness of true complements. The colors are light and airy, which suits friendly, soft-spoken brands. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Electric Blue takes the lead while the rest support. Lightness runs from 64% to 89%. Well suited to social media templates and gentle interfaces.

Background: Papaya (#F5EFD2) is the lightest color, so it belongs on large surfaces.
Text: Sage (#95B39E) on #F5EFD2 gives 1.97:1, so pair it with a darker neutral for body copy.
Primary: Electric Blue (#ACF6EA) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Celadon (#BAD297) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Blush Celadon & Electric Blue

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#95B39E

#BAD297

#ACF6EA

#F5EFD2

Color-blind check: under protanopia and deuteranopia, Electric Blue and Papaya become hard to tell apart, so do not rely on that pair alone to carry meaning.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#95B39E` on `#F5EFD2`	Aa	1.97:1	Fail
`#95B39E` on `#ACF6EA`	Aa	1.86:1	Fail
`#BAD297` on `#F5EFD2`	Aa	1.42:1	Fail
`#95B39E` on `#BAD297`	Aa	1.38:1	Fail
`#BAD297` on `#ACF6EA`	Aa	1.34:1	Fail
`#ACF6EA` on `#F5EFD2`	Aa	1.06:1	Fail

:root {
  --sage: #95B39E;
  --celadon: #BAD297;
  --electric-blue: #ACF6EA;
  --papaya: #F5EFD2;
}

$sage: #95B39E;
$celadon: #BAD297;
$electric-blue: #ACF6EA;
$papaya: #F5EFD2;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'sage': '#95B39E',
        'celadon': '#BAD297',
        'electric-blue': '#ACF6EA',
        'papaya': '#F5EFD2',
      },
    },
  },
};

{
  "name": "Blush Celadon & Electric Blue",
  "colors": [
    "#95B39E",
    "#BAD297",
    "#ACF6EA",
    "#F5EFD2"
  ]
}

background: linear-gradient(135deg, #95B39E, #BAD297, #ACF6EA, #F5EFD2);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2024-10-15 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood