ColorSense Blog
Eggshell Sky Color Palette (2026): HEX Codes and Accessible Dark Pairings
The Eggshell Sky summer 2026 palette: five pale coastal-blue and cream HEX codes with a mauve accent, measured WCAG AAA pairings, and ready-to-paste CSS.
Eggshell Sky is the coastal palette of summer 2026: pale sky blues and cream warmed by a muted mauve so the set never feels cold. It is part of our wider collection of 13 summer 2026 color palettes, and it is the one to reach for when you want calm, breezy, and clean.
The Eggshell Sky palette: Sinbad, Blue Aura, Link Water, Cloud Dancer, and Bazaar.
The 5 Colors in the Eggshell Sky Palette
Sinbad #A3C9D8
A soft sky blue and the most colorful tone in this otherwise pale set. Light enough for backgrounds, with enough blue to read coastal.
Blue Aura #B8D4E8
A pale powder blue, lighter than Sinbad. A natural choice for backgrounds, cards, and soft section bands.
Link Water #D6E4EE
An almost-white tinted blue. Ideal as a clean page background or card surface alongside the cream.
Cloud Dancer #F4F1ED
A warm off-white cream and the lightest tone here. Use it as your primary background to keep the palette soft and breezy.
Bazaar #9B7085
A muted mauve that warms the cool blues and gives the palette a point of interest. Best as a fill or large accent rather than body text.
Accessible Dark Pairings (WCAG AAA)
Eggshell Sky is pale, so on a white background these tones will not pass contrast checks for text. The fix is to pair each light color with a deep anchor. Both pairings below were calculated directly with the WCAG contrast formula and clear the AAA threshold of 7:1. Because contrast is symmetric, each ratio holds whether you use the light color as text on the dark tone or as a background behind dark text.
12.73:1 contrastAAA
Deep Slate
#1A2C3A
11.05:1 contrastAAA
Deep Slate
#1A2C3A
Sinbad, Blue Aura, and Bazaar round out the palette. Sinbad #A3C9D8 and Blue Aura #B8D4E8 are light backgrounds that pair with Deep Slate the same way Cloud Dancer does. Bazaar #9B7085 reaches 4.16:1 on white — short of the 7:1 AAA mark — so use it as a fill or accent. For body copy, set text in Deep Slate #1A2C3A (14.33:1 on white) or a deep neutral like #1A1A1A (17.40:1 on white).
Try it now
Check any color pair against WCAG — free, no signup
Pick a foreground and background, see the exact contrast ratio plus AA/AAA verdicts for normal and large text. One click auto-fixes a failing pair while keeping your hue.
Open WCAG Contrast Checker →
How to Use Eggshell Sky
Web and UI: use Cloud Dancer #F4F1ED or Link Water as your page background, Sinbad and Blue Aura for soft surfaces and bands, and Bazaar #9B7085 for a warming accent. Keep body text in Deep Slate #1A2C3A so it clears AAA.
Branding and print: the palette suits coastal brands, interiors, stationery, and calm landing pages. Lead with cream and pale blue, then use Bazaar sparingly to keep the set from feeling cold.
Social and editorial: Eggshell Sky sits well behind coastal, interior, and minimal product photography. Keep large areas pale and add a single Bazaar block for a soft focal point.
Eggshell Sky CSS Variables
Paste this straight into your stylesheet to use the palette as design tokens, including the accessible dark tones for text:
:root {
--sinbad: #A3C9D8;
--blue-aura: #B8D4E8;
--link-water: #D6E4EE;
--cloud-dancer: #F4F1ED;
--bazaar: #9B7085;
/* accessible dark tones for text and UI */
--deep-slate: #1A2C3A;
--deep-slate: #1A2C3A;
}
Want this palette turned into a complete brand kit with matching fonts, contrast checks, and Tailwind and Figma tokens? Run it through the ColorSense Brand Kit, or pull a related set from your own image with the Color Picker.
Eggshell Sky is one of 13 summer 2026 color palettes in our full guide. Browse the rest for pastels, brights, and earth tones.
Take it further
Turn any palette into a full brand kit
ColorSense AI Brand Kit pairs your palette with matching fonts, accessibility checks, and export-ready CSS, Tailwind, and Figma tokens.
Build a Brand Kit →