Back to palettes

Palette

Bonfire Ember Sands

Warm oranges and deep reds capture the comforting glow of a bonfire on a sandy beach at sunset.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bonfire Ember Sands 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 Bonfire Ember Sands.

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

Data visualization

#E67C2F#F2A762#FAD8A8#8A3D24#C75A1F

Palette guide

How to use Bonfire Ember Sands

Overview

The Bonfire Ember Sands palette captures the comforting glow of a bonfire on a sandy beach at sunset, with warm oranges and deep reds. This inviting collection features a bright orange #E67C2F, a softer peach #F2A762, a light sandy beige #FAD8A8, a deep burnt sienna #8A3D24, and a rich reddish-orange #C75A1F. Designers can leverage these colors to create projects with a cozy, natural, and nostalgic feel. Developers will find these hues provide a harmonious and engaging user experience, ideal for websites or applications aiming for an authentic, handcrafted aesthetic with a touch of serene warmth, reminiscent of twilight beach gatherings and natural landscapes.

Best used for

  • Summer camp or outdoor adventure branding
  • Beach resort or travel agency websites
  • Cozy cafe or restaurant branding
  • Natural skincare or organic product packaging
  • Event branding for outdoor festivals or concerts
  • Digital art with a warm, sunset aesthetic

Suggested color roles

primary

#C75A1F - A rich reddish-orange that grounds the palette, ideal for main headings, call-to-action buttons, or hero sections.

secondary

#E67C2F - A vibrant orange that offers an energetic complement, suitable for subheadings, secondary interactive elements, or key content blocks.

accent

#F2A762 - A soft peach that introduces a gentle, warm accent, best used sparingly for highlights, icons, or decorative details.

background

#FAD8A8 - A light sandy beige that creates an airy, warm canvas, allowing the deeper tones to stand out gracefully.

text

Use a deep brown like #8A3D24 or a dark charcoal for body text against lighter backgrounds to ensure optimal readability and maintain the palette's organic feel.

Accessibility notes

  • Ensure sufficient contrast when using #C75A1F or #8A3D24 for text against #F2A762 or #FAD8A8.
  • Avoid pairing #E67C2F and #F2A762 for text and background, as their moderate contrast may not be sufficient for all users.
  • Always check all text and interactive element color combinations with WCAG contrast tools for compliance.
  • For decorative text or elements, consider larger font sizes if contrast is moderate to ensure legibility, especially with the lighter tones.

Recommended combinations

Sunset Ember

Creates a soft, warm gradient, ideal for background elements or subtle visual layering.

#E67C2F · #F2A762 · #FAD8A8

Bonfire Core

Provides strong grounding with vibrant accents, perfect for headings, key information, or calls to action.

#8A3D24 · #C75A1F · #FAD8A8

Beach Warmth

Offers a harmonious blend of deep oranges and browns, suitable for cohesive branding or rich illustrations.

#C75A1F · #E67C2F · #8A3D24

CSS variables

:root {
  --bonfire-ember-sands-1: #E67C2F;
  --bonfire-ember-sands-2: #F2A762;
  --bonfire-ember-sands-3: #FAD8A8;
  --bonfire-ember-sands-4: #8A3D24;
  --bonfire-ember-sands-5: #C75A1F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bonfire-ember-sands": {
        1: "#E67C2F",
        2: "#F2A762",
        3: "#FAD8A8",
        4: "#8A3D24",
        5: "#C75A1F",
      }
    }
  }
}

Related searches

bonfire color palettesunset beach colorswarm orange red schemecozy summer designnatural ember hues

Palette colors

Hex values

Color 1#E67C2F
·
Color 2#F2A762
·
Color 3#FAD8A8
·
Color 4#8A3D24
·
Color 5#C75A1F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
2.6:1Fail
1.5:1Fail
2
1.4:1Fail
1.5:1Fail
3.8:1AA18
2.1:1Fail
3
2.1:1Fail
1.5:1Fail
5.6:1AA
3.1:1AA18
4
2.6:1Fail
3.8:1AA18
5.6:1AA
1.8:1Fail
5
1.5:1Fail
2.1:1Fail
3.1:1AA18
1.8:1Fail

Similar palettes

More like Bonfire Ember Sands

View all warm
Sundrenched Coastal Sand
Amber Sundown Glow
Autumn Foliage Ember
Autumn Orchard Sunset
Burnt Orange Twilight
Cozy Autumn Fireside