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 →
Frequently asked questions
What colors are in the Eggshell Sky palette?
Eggshell Sky has five colors: Sinbad #A3C9D8, Blue Aura #B8D4E8, Link Water #D6E4EE, Cloud Dancer #F4F1ED, and Bazaar #9B7085.
What is the Eggshell Sky color palette best for?
It suits coastal brands, interiors, stationery, and calm landing pages. The pale blues and cream with a mauve accent read breezy and clean.
Are these pale coastal tones accessible for body text?
The light tones fail contrast checks on white. Pair them with a deep anchor instead: Cloud Dancer #F4F1ED on Deep Slate #1A2C3A reaches 12.73:1 and Link Water #D6E4EE on Deep Slate reaches 11.05:1, both above the WCAG AAA threshold of 7:1.
What is the HEX code for Bazaar?
Bazaar is #9B7085, a muted mauve. It reaches 4.16:1 on white, so use it as a fill or large accent rather than body text, and set copy in Deep Slate #1A2C3A instead.
What dark colors pair with Eggshell Sky?
Deep Slate #1A2C3A gives accessible AAA pairings with the light tones and reaches 14.33:1 on white, making it the natural body-text color, alongside a deep neutral like #1A1A1A (17.40:1 on white).
How do I add Eggshell Sky to my brand kit?
Copy the five HEX codes into your design tool, or run the palette through the ColorSense Brand Kit to generate matching fonts, contrast checks, and export-ready CSS, Tailwind, and Figma tokens in one step.