← Palette styles and harmonies

Pastel Complementary Color Palettes: 8 Examples With Hex Codes

Pastel palettes in a complementary scheme: eight real examples with hex codes and contrast, when the look works, and how to adapt it.

Pastel palettes follow a recipe: lightness between 80% and 96%, and chroma between 0.03 and 0.08. Complementary describes how the hues relate. Opposite hues. High energy, best with one color leading and the other as an accent. Together, they give you a soft, dreamy look that you can recognize at a glance. Below are eight real examples from Tintly's library of generated palettes, each with its own page.

Eight pastel complementary palettes

Sugared Powder Blue Tundra

Strongest pair: Gum Leaf (#A6CAB8) with Candied Snow (#D9FBEB) at 1.61:1 (Fail). Keep these for large type and decoration.

Milky Powder Blue Atlas

Strongest pair: Crushed Ice (#C8FCF2) with Wintermint (#8CCFC6) at 1.57:1 (Fail). Keep these for large type and decoration.

Airy Mauve Glacier

Strongest pair: Bunny Tail (#FEECFC) with Pink Bliss (#DCAED3) at 1.68:1 (Fail). Keep these for large type and decoration.

Soft Powder Blue Oasis

Strongest pair: Salt (#FEEFEA) with Prosciutto (#E4B19B) at 1.69:1 (Fail). Keep these for large type and decoration.

Milky Powder Blue Kettle

Strongest pair: Snow (#FFF1EF) with Prosciutto (#E3B4A5) at 1.68:1 (Fail). Keep these for large type and decoration.

Dreamy Powder Blue Velvet

Strongest pair: Bunny Tail (#FEE9FB) with Pink Bliss (#D6AFD1) at 1.67:1 (Fail). Keep these for large type and decoration.

Milky Powder Blue Aurora

Strongest pair: Sakura (#E2ACB2) with Tutu (#FEEAED) at 1.68:1 (Fail). Keep these for large type and decoration.

Airy Powder Blue Delta

Strongest pair: Snow (#FDF0FF) with Muddy Mauve (#D5B4D2) at 1.69:1 (Fail). Keep these for large type and decoration.

The eight at a glance

PaletteLightestDarkestStrongest pair
Sugared Powder Blue Tundra#D9FBEB#A6CAB81.61:1
Milky Powder Blue Atlas#C8FCF2#8CCFC61.57:1
Airy Mauve Glacier#FEECFC#DCAED31.68:1
Soft Powder Blue Oasis#FEEFEA#E4B19B1.69:1
Milky Powder Blue Kettle#FFF1EF#E3B4A51.68:1
Dreamy Powder Blue Velvet#FEE9FB#D6AFD11.67:1
Milky Powder Blue Aurora#FEEAED#E2ACB21.68:1
Airy Powder Blue Delta#FDF0FF#D5B4D21.69:1

How pastel differs from its neighbors

Pastel keeps lightness within 80% to 96%. Vivid runs from 52% to 82% with chroma 0.15 to 0.26, while Muted runs from 48% to 84% with chroma 0.035 to 0.09. That is why pastel palettes feel soft, dreamy, sugared: the numbers are tuned that way, not chosen palette by palette.

When to use this look

How to adapt it

  1. Pick the example whose main color is closest to your brand.
  2. Open it in the generator and lock that color.
  3. Regenerate the rest until the contrast between text and background reaches 4.5 to 1.
  4. Export it as CSS variables or a Tailwind scale.