Back to palettes

Palette

Whimsical Marsh

Soft and playful hues that evoke a dreamy, magical marshland filled with gentle, imagined creatures.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F0F8FF#ADD8E6#90EE90#DDA0DD#FAFAD2

Palette guide

How to use Whimsical Marsh

Overview

The Whimsical Marsh palette is a dreamy and airy collection of soft, fantastical hues, reminiscent of a magical wetland at dawn. With its crisp alice blue (#F0F8FF), calming light blue (#ADD8E6), fresh light green (#90EE90), gentle plum (#DDA0DD), and soft cream yellow (#FAFAD2), this palette radiates a sense of peace, wonder, and playful imagination. It's an excellent choice for projects that aim to be ethereal, serene, and visually captivating. Designers can leverage these harmonious colors to craft inviting digital experiences, charming illustrations, or tranquil branding that feels both light and enchanting.

Best used for

  • Fantasy-themed children's books or games
  • Serene meditation and wellness apps
  • Nature-inspired art and illustration
  • Gentle baby product branding
  • Spring-themed digital invitations
  • Dreamy social media content

Suggested color roles

primary

The crisp alice blue, #F0F8FF, provides an excellent airy and clean base, ideal for backgrounds or large sections.

secondary

The calming light blue, #ADD8E6, or fresh light green, #90EE90, can offer supportive contrast and add to the whimsical mood.

accent

The gentle plum, #DDA0DD, is perfect for adding a touch of sophistication or for highlighting interactive elements and call-to-actions.

background

The soft cream yellow, #FAFAD2, or the alice blue, #F0F8FF, makes for an ideal light, airy canvas, allowing other colors to gently emerge.

text

A dark charcoal or black ensures optimal readability against these very light tones. The plum, #DDA0DD, can also work for headings on very light backgrounds.

Accessibility notes

  • Text on #F0F8FF, #ADD8E6, #90EE90, #DDA0DD, and #FAFAD2 requires a dark color (e.g., black or dark gray) for sufficient contrast.
  • Be cautious when pairing #ADD8E6 with #90EE90 or #FAFAD2 for text or small elements, as contrast might be very low.
  • Ensure all interactive elements have clear focus states that meet accessibility guidelines.
  • Prioritize clear, legible fonts and sufficient line spacing when using this delicate palette.

Recommended combinations

Misty Morning

Creates a serene, ethereal atmosphere, perfect for calming interfaces or dreamy backgrounds.

#F0F8FF · #ADD8E6 · #FAFAD2

Marsh Blooms

Offers a fresh, vibrant yet gentle feel, ideal for nature-inspired illustrations or playful designs.

#90EE90 · #DDA0DD · #F0F8FF

Twilight Reeds

Provides a soft, contemplative blend, suitable for introspective themes or delicate branding.

#ADD8E6 · #DDA0DD · #FAFAD2

CSS variables

:root {
  --whimsical-marsh-1: #F0F8FF;
  --whimsical-marsh-2: #ADD8E6;
  --whimsical-marsh-3: #90EE90;
  --whimsical-marsh-4: #DDA0DD;
  --whimsical-marsh-5: #FAFAD2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whimsical-marsh": {
        1: "#F0F8FF",
        2: "#ADD8E6",
        3: "#90EE90",
        4: "#DDA0DD",
        5: "#FAFAD2",
      }
    }
  }
}

Related searches

whimsical pastel marsh colorsdreamy light color schemeethereal spring palettesoft fantasy hex codestranquil wetland design

Palette colors

Hex values

Color 1#F0F8FF
·
Color 2#ADD8E6
·
Color 3#90EE90
·
Color 4#DDA0DD
·
Color 5#FAFAD2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.3:1Fail
1.9:1Fail
1:1Fail
2
1.4:1Fail
1.1:1Fail
1.4:1Fail
1.4:1Fail
3
1.3:1Fail
1.1:1Fail
1.5:1Fail
1.3:1Fail
4
1.9:1Fail
1.4:1Fail
1.5:1Fail
1.9:1Fail
5
1:1Fail
1.4:1Fail
1.3:1Fail
1.9:1Fail

Similar palettes

More like Whimsical Marsh

View all pastel
Pastel Confection Swirl
Pastel Cotton Candy
Pastel Macaron
Sweet Macaron Tower
Awakening Flora Hues
Bubblegum Dream Cloud