Back to palettes

Palette

Fairy Tale Cottage

Soft and enchanting shades perfect for illustrating a quaint, magical dwelling from a fairy tale.

PastelPlayful5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fairy Tale Cottage 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 Fairy Tale Cottage.

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

Data visualization

#FFB6C1#8FBC8F#F5F5DC#B0E0E6#DA70D6

Palette guide

How to use Fairy Tale Cottage

Overview

The Fairy Tale Cottage palette (version 3) is a soft and enchanting collection, perfect for illustrating quaint, magical dwellings. It features a delightful pink #FFB6C1, a muted forest green #8FBC8F, and a dreamy light blue #B0E0E6. The vibrant orchid #DA70D6 adds a playful, magical pop, while the creamy off-white #F5F5DC provides a gentle canvas. This palette is genuinely useful for designers and developers aiming to evoke a whimsical, storybook mood across various digital and print applications, from fantasy game interfaces to charming product packaging.

Best used for

  • Fantasy game UI and assets
  • Whimsical product packaging
  • Creative portfolio websites
  • Event branding with a magical theme
  • Children's book illustrations
  • Boutique stationery and invitations

Suggested color roles

primary

Use #DA70D6 (Orchid) as a vibrant focal point or for key interactive elements, drawing immediate attention with its magical glow.

secondary

Employ #FFB6C1 (Light Pink) for sweet accents, decorative flourishes, or to soften more intense hues.

accent

Apply #8FBC8F (Muted Green) for natural balance, subtle backgrounds, or to ground the more whimsical colors.

background

Utilize #F5F5DC (Creamy Off-White) as the primary background, offering a clean, soft canvas that lets other colors shine.

text

For body text, a dark gray or deep purple provides excellent readability. White text can be used effectively on #DA70D6 for contrast.

Accessibility notes

  • Ensure sufficient contrast when using #F5F5DC as a background, pairing it with dark text for optimal legibility.
  • The vibrant #DA70D6 may require white or very light text to meet contrast standards, especially for smaller fonts.
  • Avoid using similar pastel shades for interactive elements without additional visual cues.
  • Check color combinations like #FFB6C1 on #B0E0E6 for contrast, as they are both light and could pose readability issues.

Recommended combinations

Enchanted Garden

Ideal for natural backdrops, subtle gradients, or elements depicting serene landscapes in illustrations.

#8FBC8F · #B0E0E6 · #F5F5DC

Playful Pop

Perfect for call-to-action buttons, interactive elements, or highlights that need a sweet and magical touch.

#FFB6C1 · #DA70D6 · #F5F5DC

Dreamy Contrast

Effective for bold headings, feature sections, or layered graphic elements that require depth and visual interest.

#DA70D6 · #B0E0E6 · #8FBC8F

CSS variables

:root {
  --fairy-tale-cottage-3-1: #FFB6C1;
  --fairy-tale-cottage-3-2: #8FBC8F;
  --fairy-tale-cottage-3-3: #F5F5DC;
  --fairy-tale-cottage-3-4: #B0E0E6;
  --fairy-tale-cottage-3-5: #DA70D6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fairy-tale-cottage-3": {
        1: "#FFB6C1",
        2: "#8FBC8F",
        3: "#F5F5DC",
        4: "#B0E0E6",
        5: "#DA70D6",
      }
    }
  }
}

Related searches

whimsical storybook palettemagical dwelling colorssoft fantasy themedreamy pastel schemequaint cottage hues

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#8FBC8F
·
Color 3#F5F5DC
·
Color 4#B0E0E6
·
Color 5#DA70D6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.5:1Fail
1.2:1Fail
1.7:1Fail
2
1.3:1Fail
1.9:1Fail
1.5:1Fail
1.3:1Fail
3
1.5:1Fail
1.9:1Fail
1.3:1Fail
2.6:1Fail
4
1.2:1Fail
1.5:1Fail
1.3:1Fail
2:1Fail
5
1.7:1Fail
1.3:1Fail
2.6:1Fail
2:1Fail

Similar palettes

More like Fairy Tale Cottage

View all Pastel
Cotton Candy Horizon
Pastel Macaron Dream
Sugar Plum Dreams
Sweet Confection Cloud
Sweet Nectar Bliss
Candy Fluff Dream