Back to palettes

Palette

Wildflower Honey Bloom

Sun-drenched golds and ambers inspired by wildflowers and their sweet, golden nectar.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Wildflower Honey Bloom 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 Wildflower Honey Bloom.

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

Data visualization

#FFC300#FFD670#FFEBAD#C78020#6F4C00

Palette guide

How to use Wildflower Honey Bloom

Overview

The Wildflower Honey Bloom palette (original version) captures the essence of sun-drenched wildflowers and their sweet, golden nectar. This rich and bright collection features the vibrant #FFC300 as a focal point, beautifully complemented by the softer #FFD670 and the light #FFEBAD. Adding depth and warmth are the inviting amber of #C78020 and the deep, grounding tone of #6F4C00. This palette is ideal for designers and developers seeking to evoke feelings of warmth, natural abundance, and a touch of rustic charm. Its golden and amber hues are perfect for creating inviting and visually rich experiences across various digital and print applications.

Best used for

  • Food packaging (honey, bakery goods)
  • Autumn and harvest-themed designs
  • Rustic and natural brand identities
  • Educational materials for children
  • Warm and inviting web interfaces
  • Craft and handmade product showcases

Suggested color roles

primary

Designate #FFC300 as the vibrant, true golden yellow for main headings, buttons, or prominent graphical elements, conveying energy.

secondary

Use #C78020 as a rich, deep amber for supporting sections, strong backgrounds, or to add a sophisticated warmth.

accent

Apply #6F4C00 for dark, grounding contrast in small details, borders, or important text, adding depth and clarity.

background

Choose #FFEBAD as the softest yellow for light, airy backgrounds, allowing the richer colors to pop effectively.

text

For strong readability, use #6F4C00 or #C78020 for body text against lighter backgrounds like #FFEBAD or #FFD670.

Accessibility notes

  • The lighter shades like #FFEBAD and #FFD670 are generally too light for text against white backgrounds; use darker text.
  • #6F4C00 provides excellent contrast against all lighter palette colors, making it a reliable choice for accessible text.
  • Ensure sufficient contrast for all text elements, especially on interactive components, following WCAG guidelines.
  • Avoid using #FFC300 for extensive body text on light backgrounds due to its brightness, reserving it for highlights.

Recommended combinations

Golden Honey

Creates a classic honeyed gradient, perfect for backgrounds, headers, or illustrative elements that need warmth.

#FFC300 · #FFD670 · #C78020

Rich Amber

Offers a deep and vibrant combination, suitable for impactful branding, main content sections, or strong visual statements.

#C78020 · #6F4C00 · #FFC300

Light Nectar

Provides an airy base with strong, grounding accents, ideal for clear hierarchy in web pages or print layouts.

#FFEBAD · #FFD670 · #6F4C00

CSS variables

:root {
  --wildflower-honey-bloom-1: #FFC300;
  --wildflower-honey-bloom-2: #FFD670;
  --wildflower-honey-bloom-3: #FFEBAD;
  --wildflower-honey-bloom-4: #C78020;
  --wildflower-honey-bloom-5: #6F4C00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wildflower-honey-bloom": {
        1: "#FFC300",
        2: "#FFD670",
        3: "#FFEBAD",
        4: "#C78020",
        5: "#6F4C00",
      }
    }
  }
}

Related searches

golden yellow palettehoney gold colorswarm amber tonesnatural yellow designbright fall palette

Palette colors

Hex values

Color 1#FFC300
·
Color 2#FFD670
·
Color 3#FFEBAD
·
Color 4#C78020
·
Color 5#6F4C00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
2:1Fail
4.8:1AA
2
1.2:1Fail
1.2:1Fail
2.3:1Fail
5.6:1AA
3
1.4:1Fail
1.2:1Fail
2.7:1Fail
6.5:1AA
4
2:1Fail
2.3:1Fail
2.7:1Fail
2.4:1Fail
5
4.8:1AA
5.6:1AA
6.5:1AA
2.4:1Fail

Similar palettes

More like Wildflower Honey Bloom

View all warm
Golden Honey Drip
Honeycomb Amber Glow
Honeycomb Nectar Glow
Sunlit Honeycomb Warmth
Amber Grain Harvest
Amber Wheat Harvest