Back to palettes

Palette

Honeycomb Sunbeam

Golden yellows and soft creams celebrating the warmth and sweetness of a sun-drenched honeycomb.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Honeycomb Sunbeam 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 Honeycomb Sunbeam.

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

Data visualization

#FFBF00#FFD15F#FFE79E#FFFAE6#CC9900

Palette guide

How to use Honeycomb Sunbeam

Overview

The Honeycomb Sunbeam palette is a bright, energetic, and sweet collection of golden yellows and soft creams. It captures the essence of a sun-drenched honeycomb, ranging from a vibrant gold (#FFBF00) to a nearly white cream (#FFFAE6). This palette is ideal for designers and developers creating cheerful, optimistic, and inviting experiences. The bright tones like #FFD15F and #FFE79E offer a lighthearted feel, while #CC9900 provides a grounding contrast. It's perfect for brands that want to convey joy, freshness, and natural sweetness across digital interfaces, print materials, and product designs.

Best used for

  • Children's product branding and websites
  • Summer marketing campaigns and promotions
  • Dessert, candy, or sweet treat packaging
  • Bright, cheerful website designs and blogs
  • Educational content for young learners
  • Brands emphasizing optimism and joy

Suggested color roles

primary

Use #FFBF00 as a bright, energetic focal point for calls-to-action or key visual elements.

secondary

Apply #FFD15F for supporting content, headers, or backgrounds that need warm luminosity.

accent

Utilize #CC9900 for deep, grounding accents, borders, or strong contrasting details.

background

A soft cream like #FFFAE6 provides an airy, clean base for content areas.

text

For optimal readability, use a dark brown like #CC9900 or a deep charcoal against lighter palette colors.

Accessibility notes

  • Ensure very light colors like #FFFAE6 and #FFE79E are paired with very dark text for readability.
  • Test #CC9900 text against #FFBF00 or #FFD15F backgrounds to meet WCAG AA standards.
  • Avoid using light yellows for small body text; reserve them for larger headings or accents.
  • Provide clear and distinct focus indicators for all interactive elements.

Recommended combinations

Sunny Contrast

Vibrant highlights, deep contrasting text, and an airy background for a cheerful look.

#FFBF00 · #CC9900 · #FFFAE6

Soft Radiance

A subtle, bright gradient for backgrounds or delicate visual elements.

#FFD15F · #FFE79E · #FFFAE6

Energetic Depth

A strong, deep base with bright golden highlights and a warm, inviting mid-tone.

#CC9900 · #FFBF00 · #FFD15F

CSS variables

:root {
  --honeycomb-sunbeam-1: #FFBF00;
  --honeycomb-sunbeam-2: #FFD15F;
  --honeycomb-sunbeam-3: #FFE79E;
  --honeycomb-sunbeam-4: #FFFAE6;
  --honeycomb-sunbeam-5: #CC9900;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "honeycomb-sunbeam": {
        1: "#FFBF00",
        2: "#FFD15F",
        3: "#FFE79E",
        4: "#FFFAE6",
        5: "#CC9900",
      }
    }
  }
}

Related searches

sunbeam color palettebright honey yellowcheerful golden colorssweet cream paletteoptimistic design colors

Palette colors

Hex values

Color 1#FFBF00
·
Color 2#FFD15F
·
Color 3#FFE79E
·
Color 4#FFFAE6
·
Color 5#CC9900
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
1.6:1Fail
1.6:1Fail
2
1.1:1Fail
1.2:1Fail
1.4:1Fail
1.8:1Fail
3
1.4:1Fail
1.2:1Fail
1.2:1Fail
2.1:1Fail
4
1.6:1Fail
1.4:1Fail
1.2:1Fail
2.5:1Fail
5
1.6:1Fail
1.8:1Fail
2.1:1Fail
2.5:1Fail

Similar palettes

More like Honeycomb Sunbeam

View all warm
Desert Bloom Oasis
Golden Nectar
Sun Kissed Nectar
Sunflower Field Radiance
Wildflower Honey Glow
Bright Autumn Orchard