Palette

Retro Candy Lane

A delightfully playful palette of soft, sugary pastels, evoking a vintage candy shop or ice cream parlor.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Candy Lane reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Retro Candy Lane.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#E0A89C#F2CDC3#F9E0D4#B0D0B6#DDE3D6

Palette guide

How to use Retro Candy Lane

Overview

The Retro Candy Lane palette is a delightfully playful collection of soft, sugary pastels, evoking a vintage candy shop or an ice cream parlor. Featuring a gentle Salmon Pink (#E0A89C), a delicate Peach Puff (#F2CDC3), a creamy Linen (#F9E0D4), a soothing Mint Green (#B0D0B6), and a subtle Light Grayish Green (#DDE3D6), this palette is perfect for designers and developers crafting soft, inviting, and nostalgic digital experiences. Its harmonious and muted tones create a sense of calm and sweetness, ideal for charming branding and gentle interfaces.

Best used for

Baby product branding and packaging
Wedding stationery and invitation designs
Delicate UI for lifestyle or wellness apps
Confectionery and dessert shop branding
Vintage fashion and beauty aesthetics
Cozy blog designs and personal websites

Suggested color roles

primary

Salmon Pink (#E0A89C) provides a soft warmth, serving as a gentle focal point for headings or key decorative elements.

secondary

Mint Green (#B0D0B6) offers a cool, refreshing balance, suitable for supporting sections or subtle background accents.

accent

Peach Puff (#F2CDC3) provides a delicate highlight, perfect for small details, interactive states, or subtle texture.

background

Linen (#F9E0D4) creates an airy, clean, and expansive base, ensuring a soft backdrop for content.

text

For headings, Salmon Pink (#E0A89C) works well on Linen (#F9E0D4). For body text, a dark brown or charcoal is recommended for optimal readability across all light backgrounds.

Accessibility notes

Ensure sufficient contrast for text on very light backgrounds like Linen (#F9E0D4); a dark neutral is usually best.
Avoid using very similar light pastels for critical interactive elements to prevent user confusion.
Consider using a slightly darker shade from the palette or a true dark neutral for body text to improve readability.
Test text contrast meticulously, as many colors in this palette are light and may not meet accessibility standards for small text.

Recommended combinations

Pastel Harmony

Excellent for gentle backgrounds, subtle patterns, and soft UI elements that maintain an inviting feel.

#F9E0D4 · #DDE3D6 · #F2CDC3

Sweet Accents

Ideal for headers, brand elements, and call-to-action buttons that require a delicate touch.

#E0A89C · #B0D0B6 · #F9E0D4

Ice Cream Dream

Use for decorative motifs, children's designs, and soft, illustrative elements.

#B0D0B6 · #DDE3D6 · #E0A89C

CSS variables

:root {
  --retro-candy-lane-1: #E0A89C;
  --retro-candy-lane-2: #F2CDC3;
  --retro-candy-lane-3: #F9E0D4;
  --retro-candy-lane-4: #B0D0B6;
  --retro-candy-lane-5: #DDE3D6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-candy-lane": {
        1: "#E0A89C",
        2: "#F2CDC3",
        3: "#F9E0D4",
        4: "#B0D0B6",
        5: "#DDE3D6",
      }
    }
  }
}

Hex values

Color 1#E0A89C

Color 2#F2CDC3

Color 3#F9E0D4

Color 4#B0D0B6

Color 5#DDE3D6

Accessibility

Contrast checker

1.4:1Fail

1.6:1Fail

1.2:1Fail

1.6:1Fail

1.4:1Fail

1.2:1Fail

1.1:1Fail

1.6:1Fail

1.2:1Fail

1.3:1Fail

1:1Fail

1.2:1Fail

1.1:1Fail

1.3:1Fail

1.6:1Fail

1.1:1Fail

1:1Fail

1.3:1Fail

Similar palettes

More like Retro Candy Lane

Retro Candy Lane

See it in context.

Ready when you are.

Built with Retro Candy Lane.

How to use Retro Candy Lane

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Pastel Harmony

Sweet Accents

Ice Cream Dream

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Retro Candy Lane