Back to palettes

Palette

Lavender Honey Field

Soft lavenders blend with creamy honey tones, reminiscent of a peaceful, sun-drenched flower field.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lavender Honey Field 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 Lavender Honey Field.

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

Data visualization

#7A5C97#B59ECA#F3E8DC#E6C995#8F6B3D

Palette guide

How to use Lavender Honey Field

Overview

The Lavender Honey Field palette beautifully blends soft lavenders with warm, creamy honey tones, evoking the peaceful ambiance of a sun-drenched flower field. This collection features the deep #7A5C97, the gentle #B59ECA, and the airy #F3E8DC, complemented by the inviting #E6C995 and the grounding #8F6B3D. It's an ideal choice for designers and developers seeking a warm, natural, and inviting aesthetic. Perfect for branding, web design, or digital illustrations that aim to convey sweetness, comfort, and organic beauty, this palette creates a harmonious and welcoming visual experience.

Best used for

  • Organic food and beverage branding
  • Handmade craft e-commerce sites
  • Nature-inspired lifestyle blogs
  • Farm-to-table restaurant branding
  • Children's product packaging
  • Spring and summer event invitations

Suggested color roles

primary

Use #7A5C97 as a rich, grounding primary color for branding, main headers, or important call-to-actions.

secondary

Apply #B59ECA for supporting elements, subheadings, or background sections that require a softer, calming presence.

accent

Introduce #E6C995 or #8F6B3D as warm, earthy accents for buttons, interactive elements, or decorative details.

background

Utilize #F3E8DC as a warm, creamy background, providing a soft and inviting canvas for content.

text

For primary body text, a dark brown or charcoal ensures optimal readability. For headings on #F3E8DC, #7A5C97 provides strong contrast.

Accessibility notes

  • Ensure text on #F3E8DC or #E6C995 uses a dark enough color like #7A5C97 or #8F6B3D to meet WCAG contrast standards.
  • Avoid using #B59ECA for small text on #F3E8DC due to low contrast, which can hinder readability.
  • The darkest shade, #8F6B3D, provides excellent contrast for text against lighter palette colors for clear messaging.
  • Check contrast ratios carefully when pairing #E6C995 with #B59ECA for text and background elements.

Recommended combinations

Earthy Bloom

Creates a natural, grounded feel, suitable for headers, footers, or organic brand elements.

#7A5C97 · #B59ECA · #8F6B3D

Sun-Drenched

Perfect for light, airy backgrounds, subtle illustrations, or elements needing a warm, inviting glow.

#F3E8DC · #E6C995 · #B59ECA

Honey Accents

Use for prominent call-to-actions, highlights, or to add a touch of warmth and vibrancy against a cool base.

#7A5C97 · #E6C995 · #F3E8DC

CSS variables

:root {
  --lavender-honey-field-1: #7A5C97;
  --lavender-honey-field-2: #B59ECA;
  --lavender-honey-field-3: #F3E8DC;
  --lavender-honey-field-4: #E6C995;
  --lavender-honey-field-5: #8F6B3D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lavender-honey-field": {
        1: "#7A5C97",
        2: "#B59ECA",
        3: "#F3E8DC",
        4: "#E6C995",
        5: "#8F6B3D",
      }
    }
  }
}

Related searches

lavender and gold paletteearthy floral colorssweet spring color schemenatural branding palettewarm pastel UI

Palette colors

Hex values

Color 1#7A5C97
·
Color 2#B59ECA
·
Color 3#F3E8DC
·
Color 4#E6C995
·
Color 5#8F6B3D
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
4.6:1AA
3.5:1AA18
1.1:1Fail
2
2.3:1Fail
2:1Fail
1.5:1Fail
2:1Fail
3
4.6:1AA
2:1Fail
1.3:1Fail
4:1AA18
4
3.5:1AA18
1.5:1Fail
1.3:1Fail
3:1AA18
5
1.1:1Fail
2:1Fail
4:1AA18
3:1AA18

Similar palettes

More like Lavender Honey Field

View all pastel
Whispering Spring Blooms
Blooming Meadow Softness
Blushing Petal Softness
Botanical Bloom Fresh
Cherry Bloom Serenity
Cherry Blossom Bloom