Back to palettes

Palette

Whimsical Candy Land

A dreamlike collection of soft, sweet pastels, evoking a fanciful journey through a land made of candy.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whimsical Candy Land 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 Whimsical Candy Land.

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

Data visualization

#FFB6C1#ADD8E6#90EE90#FFFFE0#F5FFFA

Palette guide

How to use Whimsical Candy Land

Overview

The Whimsical Candy Land palette presents a dreamlike collection of soft, sweet pastels, evoking a fanciful journey through a land made of candy. Featuring delicate hues like the gentle pink #FFB6C1, the serene blue #ADD8E6, the fresh green #90EE90, and the incredibly light #FFFFE0 and #F5FFFA. This palette is perfect for designers and developers aiming to create ethereal, serene, and delicate aesthetics. It's ideally suited for projects that require a light, airy, and comforting visual experience, such as baby brands, wellness sites, or gentle illustrative work.

Best used for

  • Baby clothing brands and nurseries
  • Gentle wellness and meditation websites
  • Spring event decorations and themes
  • Delicate stationery and invitation design
  • Soft toy packaging and branding
  • Cloud-themed illustrations

Suggested color roles

primary

Use #ADD8E6 as a calming and clear primary color for main sections or a soft header, providing a serene foundation.

secondary

Employ #FFB6C1 for supportive elements, subheadings, or larger illustrative areas to add a touch of warmth.

accent

Apply #90EE90 as a subtle, fresh accent for small details, icons, or to introduce a hint of nature.

background

Utilize #F5FFFA as the primary background color to ensure an extremely light, airy, and expansive canvas.

text

For body text, a very dark grey or black is essential for readability. Use #ADD8E6 for large display text or titles.

Accessibility notes

  • All colors are very light; contrast is a significant challenge. Always use a dark neutral for body text.
  • Avoid using any palette color for small text unless on a significantly darker background (not present in this palette).
  • The slightly deeper #ADD8E6 and #FFB6C1 offer the best contrast for larger headings against #F5FFFA.
  • Ensure interactive elements have clear visual feedback, possibly by adding a subtle border or shadow with a dark neutral.

Recommended combinations

Ethereal Blend

Ideal for creating subtle gradients, clean layouts, or layered effects in backgrounds and soft imagery.

#F5FFFA · #FFFFE0 · #ADD8E6

Soft Spring

Excellent for gentle illustrations, decorative elements, or sections requiring a balanced, fresh feel.

#FFB6C1 · #90EE90 · #ADD8E6

Dreamy Base

Perfect for main backgrounds, light UI elements, or subtle text boxes where minimal contrast is desired.

#F5FFFA · #FFB6C1 · #FFFFE0

CSS variables

:root {
  --whimsical-candy-land-4-1: #FFB6C1;
  --whimsical-candy-land-4-2: #ADD8E6;
  --whimsical-candy-land-4-3: #90EE90;
  --whimsical-candy-land-4-4: #FFFFE0;
  --whimsical-candy-land-4-5: #F5FFFA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whimsical-candy-land-4": {
        1: "#FFB6C1",
        2: "#ADD8E6",
        3: "#90EE90",
        4: "#FFFFE0",
        5: "#F5FFFA",
      }
    }
  }
}

Related searches

very light pastel palettedreamy soft color schemegentle spring colorsethereal candy landsubtle whimsical design

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#ADD8E6
·
Color 3#90EE90
·
Color 4#FFFFE0
·
Color 5#F5FFFA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.6:1Fail
1.6:1Fail
2
1.1:1Fail
1.1:1Fail
1.5:1Fail
1.5:1Fail
3
1.2:1Fail
1.1:1Fail
1.4:1Fail
1.4:1Fail
4
1.6:1Fail
1.5:1Fail
1.4:1Fail
1:1Fail
5
1.6:1Fail
1.5:1Fail
1.4:1Fail
1:1Fail

Similar palettes

More like Whimsical Candy Land

View all pastel