Back to palettes

Palette

Ancient Pyramid Sun

Golden and sandy tones that reflect the sun-baked stones and grand scale of ancient pyramids.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Pyramid Sun 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 Ancient Pyramid Sun.

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

Data visualization

#B28C59#D9AC70#F0C489#ECD7BC#7F5E38

Palette guide

How to use Ancient Pyramid Sun

Overview

The Ancient Pyramid Sun palette beautifully captures the golden and sandy tones that reflect the sun-baked stones and grand scale of ancient pyramids, evoking a natural and historical mood. Ranging from the light #ECD7BC and #F0C489 to the richer #D9AC70, #B28C59, and the deep #7F5E38, this palette offers a warm, inviting, and grounded feel. Designers can utilize these authentic hues to create designs that communicate heritage, warmth, and an organic, distinguished appeal, perfect for projects that celebrate ancient wonders.

Best used for

  • Travel agency websites (desert/historical tours)
  • Historical game UI and asset design
  • Natural beauty product branding
  • Educational content on ancient civilizations
  • Warm, inviting interior design mood boards
  • Heritage brand marketing materials

Suggested color roles

primary

Utilize #7F5E38 for main headings, important calls to action, or key navigational elements to provide strong visual anchors.

secondary

Employ #B28C59 for subheadings, secondary buttons, or footer backgrounds, offering a rich, complementary brown.

accent

Introduce #D9AC70 sparingly for subtle highlights, decorative elements, or interactive states, adding gentle warmth.

background

Apply #ECD7BC or #F0C489 as a clean, aged background, reminiscent of sun-baked stone, providing excellent contrast for darker text.

text

For body text, #7F5E38 offers optimal readability on lighter backgrounds like #ECD7BC, embodying the palette's natural feel.

Accessibility notes

  • The contrast between #7F5E38 and #ECD7BC is excellent for text readability, meeting WCAG AAA standards.
  • Ensure sufficient contrast when using mid-tones like #B28C59 or #D9AC70 for text, especially on other mid-range backgrounds.
  • Avoid using #ECD7BC or #F0C489 for text on similar light backgrounds within the palette.
  • Consider using #B28C59 for larger display text on #F0C489, but always verify contrast for smaller sizes.

Recommended combinations

Desert Horizon

Perfect for a classic page layout: light background, a warmer mid-tone for sections, and a deep brown for readable text.

#ECD7BC · #F0C489 · #7F5E38

Sun-Kissed Stone

Creates a rich, layered effect suitable for hero sections or prominent content blocks, adding visual depth and character.

#D9AC70 · #B28C59 · #7F5E38

Ancient Glow

Combines a clean background with a warm accent color and a rich brown for secondary elements or highlights.

#ECD7BC · #B28C59 · #D9AC70

CSS variables

:root {
  --ancient-pyramid-sun-1: #B28C59;
  --ancient-pyramid-sun-2: #D9AC70;
  --ancient-pyramid-sun-3: #F0C489;
  --ancient-pyramid-sun-4: #ECD7BC;
  --ancient-pyramid-sun-5: #7F5E38;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-pyramid-sun": {
        1: "#B28C59",
        2: "#D9AC70",
        3: "#F0C489",
        4: "#ECD7BC",
        5: "#7F5E38",
      }
    }
  }
}

Related searches

sandy desert paletteancient monument colorspyramid earth toneswarm historical aestheticnatural golden design

Palette colors

Hex values

Color 1#B28C59
·
Color 2#D9AC70
·
Color 3#F0C489
·
Color 4#ECD7BC
·
Color 5#7F5E38
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.9:1Fail
2.2:1Fail
1.9:1Fail
2
1.5:1Fail
1.3:1Fail
1.5:1Fail
2.8:1Fail
3
1.9:1Fail
1.3:1Fail
1.2:1Fail
3.6:1AA18
4
2.2:1Fail
1.5:1Fail
1.2:1Fail
4.2:1AA18
5
1.9:1Fail
2.8:1Fail
3.6:1AA18
4.2:1AA18

Similar palettes

More like Ancient Pyramid Sun

View all earth
Amber Sands Mirage
Ancient Desert Sands
Ancient Desert Sands
Ancient Desert Sands
Ancient Desert Sands
Ancient Desert Tapestry