Pink & Ash Sky is a pastel light, complementary color palette tagged spring, muted, minimal. Near-complementary hues (about 133° apart) make this a high-contrast, attention-grabbing combination. High lightness and gentle saturation put it firmly in pastel territory. The overall temperature is warm.
Color codes click any value to copy
Why it works and how to use it
It works because the lightness range is wide (34% to 98%), which gives clear hierarchy between background, content and accents. Try it for social media templates and gentle interfaces.
- Background: Snow (#FFF5F7) is the lightest color, so it belongs on large surfaces.
- Text: Juniper (#4F6053) on #FFF5F7 gives 6.28:1, passing WCAG AA.
- Primary: Pink (#FFB9CA) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Ash (#B2CBB1) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Snow on Juniper at 6.28:1.
Preview on a real UI see how the palette feels in context
Design faster with Pink & Ash Sky
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryColor blindness simulation
Color-blind check: under protanopia and deuteranopia, Pink and Ash become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#FFF5F7 on #4F6053 | Aa | 6.28:1 | AA |
#FFB9CA on #4F6053 | Aa | 4.17:1 | AA large only |
#B2CBB1 on #4F6053 | Aa | 3.86:1 | AA large only |
#FFF5F7 on #B2CBB1 | Aa | 1.63:1 | Fail |
#FFB9CA on #FFF5F7 | Aa | 1.51:1 | Fail |
#FFB9CA on #B2CBB1 | Aa | 1.08:1 | Fail |