pastelvibrant
Sky Candy Color Palette
Sky Candy is a pastel and vibrant color palette of 5 colors: Pale Turquoise (#caf0f8), Pale Turquoise (#ade8f4), Bubblegum (#ffc6ff), Light Pink (#ffadad) and Cream (#fdffb6). Its dominant hue is blue.
The darkest color, Light Pink, on the lightest, Cream, gives a 1.70:1 contrast ratio — too low for text, so pair it with white or black. No pair in it passes AA for normal text, so use it for fills and accents. Bubblegum (#ffc6ff) is its most saturated color and a natural choice for buttons and links.
Colors
- Pale Turquoise
- Pale Turquoise
- Bubblegum
- Light Pink
- Cream
CSS Output
:root {
--sky-candy-1: #caf0f8;
--sky-candy-2: #ade8f4;
--sky-candy-3: #ffc6ff;
--sky-candy-4: #ffadad;
--sky-candy-5: #fdffb6;
}Sky Candy on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
No two colors in this palette reach 3:1, so use them for fills and accents and set text in white or black.