What are the hex codes in the Sky Blue & Peach Hour palette?

The Sky Blue & Peach Hour color palette consists of Sky Blue #3ACCF1, Frost #D7F8FF, Peach #FFE9BA, Gunmetal #2F2F32.

How should I use the Sky Blue & Peach Hour palette on a website?

Use Frost #D7F8FF as the background, Gunmetal #2F2F32 for text, Peach #FFE9BA for buttons and links, and Sky Blue #3ACCF1 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Frost on Gunmetal at 11.92:1.

Which colors in Sky Blue & Peach Hour have enough contrast for text?

The highest-contrast pair is #D7F8FF on #2F2F32 with a ratio of 11.92:1, which passes WCAG AA for normal text.

#3ACCF1Sky Blue

#D7F8FFFrost

#FFE9BAPeach

#2F2F32Gunmetal

Sky Blue & Peach Hour color palette

Summer White Beige Gray

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Sky Blue	`#3ACCF1`	`rgb(58, 204, 241)`	`hsl(192, 87%, 59%)`	`oklch(78.6% 0.129 219)`
Frost	`#D7F8FF`	`rgb(215, 248, 255)`	`hsl(191, 100%, 92%)`	`oklch(95.8% 0.035 212)`
Peach	`#FFE9BA`	`rgb(255, 233, 186)`	`hsl(41, 100%, 86%)`	`oklch(94.0% 0.065 86)`
Gunmetal	`#2F2F32`	`rgb(47, 47, 50)`	`hsl(240, 3%, 19%)`	`oklch(30.6% 0.005 286)`

Why it works and how to use it

Sky Blue & Peach Hour is a vivid complementary color palette tagged summer, white, beige. Near-complementary hues (about 151° apart) make this a high-contrast, attention-grabbing combination. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Peach takes the lead while the rest support. Lightness runs from 19% to 92%. Well suited to websites, presentations and branding.

Background: Frost (#D7F8FF) is the lightest color, so it belongs on large surfaces.
Text: Gunmetal (#2F2F32) on #D7F8FF gives 11.92:1, passing WCAG AAA.
Primary: Peach (#FFE9BA) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Sky Blue (#3ACCF1) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Frost on Gunmetal at 11.92:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Sky Blue & Peach Hour

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

#3ACCF1

#D7F8FF

#FFE9BA

#2F2F32

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#D7F8FF` on `#2F2F32`	Aa	11.92:1	AAA
`#FFE9BA` on `#2F2F32`	Aa	11.2:1	AAA
`#3ACCF1` on `#2F2F32`	Aa	7.05:1	AAA
`#3ACCF1` on `#D7F8FF`	Aa	1.69:1	Fail
`#3ACCF1` on `#FFE9BA`	Aa	1.59:1	Fail
`#D7F8FF` on `#FFE9BA`	Aa	1.06:1	Fail

Similar palettes 24 more in this mood