Back to palettes

Palette

Wild Thicket Berries

Cheerful and sweet, like plump berries hidden deep within a sunlit thicket.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Wild Thicket Berries 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 Wild Thicket Berries.

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

Data visualization

#6A1A4C#9B2D6F#CC4A97#F07FB2#3E102E

Palette guide

How to use Wild Thicket Berries

Overview

The Wild Thicket Berries palette (version 1) is cheerful and sweet, like plump berries hidden deep within a sunlit thicket. This vibrant collection includes a deep #6A1A4C, a lively #9B2D6F, a bright #CC4A97, the playful #F07FB2, and the rich #3E102E. For designers, these hues offer a delightful range, perfect for conveying playfulness, sweetness, and a touch of natural charm. Developers can leverage this palette to create engaging and friendly user interfaces, ideal for projects seeking a joyful and approachable aesthetic across digital and print applications.

Best used for

  • Children's product branding and packaging
  • Playful or whimsical website design
  • Confectionery and dessert branding
  • Summer event promotions and marketing
  • Creative projects and illustrations
  • Youth-oriented fashion and accessories

Suggested color roles

primary

Use #9B2D6F as the main color for a vibrant and sweet brand identity, suitable for primary buttons or key visuals.

secondary

Employ #CC4A97 for secondary elements, subheadings, or to introduce a brighter, more cheerful tone.

accent

Apply #3E102E for deep, grounding accents, important calls to action, or to provide strong contrast for text.

background

Utilize #F07FB2 as a light, playful background color, creating a friendly canvas that enhances the vibrancy of the other berry tones.

text

For optimal readability, use #3E102E or black for body text on lighter backgrounds. #6A1A4C works well for prominent headlines.

Accessibility notes

  • Ensure strong contrast for text when using #CC4A97 or #F07FB2 as backgrounds; always pair with dark text.
  • The darkest shade, #3E102E, is excellent for body text on light backgrounds to meet WCAG contrast guidelines.
  • Avoid using #F07FB2 for small text sizes, as it lacks sufficient contrast against white or very light colors.
  • Test interactive elements to ensure they are clearly distinguishable and accessible against their backgrounds.

Recommended combinations

Sweet Highlight

A cheerful combination for headers, with #F07FB2 as background, #3E102E for titles, and #9B2D6F for accents.

#3E102E · #F07FB2 · #9B2D6F

Playful Accents

Creates a vibrant and fun blend for decorative elements, icons, or subtle UI components.

#CC4A97 · #6A1A4C · #F07FB2

Vibrant UI

A balanced trio for user interfaces, using #F07FB2 for panels, #9B2D6F for primary actions, and #3E102E for text.

#F07FB2 · #9B2D6F · #3E102E

CSS variables

:root {
  --wild-thicket-berries-1: #6A1A4C;
  --wild-thicket-berries-2: #9B2D6F;
  --wild-thicket-berries-3: #CC4A97;
  --wild-thicket-berries-4: #F07FB2;
  --wild-thicket-berries-5: #3E102E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-thicket-berries": {
        1: "#6A1A4C",
        2: "#9B2D6F",
        3: "#CC4A97",
        4: "#F07FB2",
        5: "#3E102E",
      }
    }
  }
}

Related searches

playful berry palettevibrant pink purplesweet nature colorssunlit thicket schemecheerful fruit tones

Palette colors

Hex values

Color 1#6A1A4C
·
Color 2#9B2D6F
·
Color 3#CC4A97
·
Color 4#F07FB2
·
Color 5#3E102E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
4.5:1AA18
1.4:1Fail
2
1.6:1Fail
1.7:1Fail
2.8:1Fail
2.3:1Fail
3
2.7:1Fail
1.7:1Fail
1.7:1Fail
3.8:1AA18
4
4.5:1AA18
2.8:1Fail
1.7:1Fail
6.4:1AA
5
1.4:1Fail
2.3:1Fail
3.8:1AA18
6.4:1AA

Similar palettes

More like Wild Thicket Berries

View all vibrant