Back to palettes

Palette

Golden Oasis Bloom

A vibrant palette evoking a hidden oasis, with blooming flowers and sun-drenched sands.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Oasis 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 Golden Oasis Bloom.

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

Data visualization

#F0C45C#9AAB4C#CE6A58#90CCD1#F5F0E4

Palette guide

How to use Golden Oasis Bloom

Overview

The Golden Oasis Bloom palette offers a harmonious blend of nature-inspired hues, perfect for projects aiming for a serene yet vibrant feel. Featuring a radiant golden yellow, #F0C45C, alongside an earthy green, #9AAB4C, and a striking coral, #CE6A58, it evokes the hidden beauty of a desert oasis. A refreshing teal, #90CCD1, adds a touch of calm, while the soft cream of #F5F0E4 provides a gentle foundation. This palette is ideal for designers and developers seeking to convey natural elegance, warmth, and a subtle exotic charm in their digital or physical creations, ensuring a balanced and inviting user experience.

Best used for

  • Nature-inspired branding and logos
  • Wellness and spa website designs
  • Bohemian interior design concepts
  • Eco-friendly product packaging
  • Travel and tourism marketing
  • Artistic digital illustrations

Suggested color roles

primary

Use #F0C45C as the dominant warm color for headers, main calls to action, or key graphical elements, conveying warmth and inviting energy.

secondary

Apply #9AAB4C for natural accents, background sections, or supporting text, providing an earthy balance and a sense of growth.

accent

Incorporate #CE6A58 sparingly for high-impact elements like buttons, notifications, or critical highlights, offering a vibrant, energetic pop.

background

Utilize #F5F0E4 as the primary background color for a clean, soft, and airy base that allows other colors to stand out.

text

Employ a deep charcoal or black for body text on #F5F0E4 for optimal readability. For headings, #9AAB4C or #90CCD1 can offer a stylish contrast on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when pairing #F5F0E4 with #90CCD1 for text; consider using a darker text color for readability.
  • Darker text, such as charcoal or black, is highly recommended on #F5F0E4 for optimal readability, especially for body copy.
  • Use #CE6A58 or #F0C45C sparingly as text colors unless on very dark backgrounds due to potential low contrast.
  • Always test all color combinations with WCAG guidelines, paying close attention to contrast ratios for small text.

Recommended combinations

Desert Sun & Bloom

Ideal for vibrant headers, attention-grabbing accents, and clean content areas, evoking a bright, energetic feel.

#F0C45C · #CE6A58 · #F5F0E4

Oasis Verdure

Perfect for natural themes, calm interfaces, or eco-conscious branding, offering a refreshing and balanced look.

#9AAB4C · #90CCD1 · #F5F0E4

Warm Earth Tones

Great for creating rich, inviting elements or illustrative details that emphasize warmth and natural depth.

#F0C45C · #CE6A58 · #9AAB4C

CSS variables

:root {
  --golden-oasis-bloom-1: #F0C45C;
  --golden-oasis-bloom-2: #9AAB4C;
  --golden-oasis-bloom-3: #CE6A58;
  --golden-oasis-bloom-4: #90CCD1;
  --golden-oasis-bloom-5: #F5F0E4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-oasis-bloom": {
        1: "#F0C45C",
        2: "#9AAB4C",
        3: "#CE6A58",
        4: "#90CCD1",
        5: "#F5F0E4",
      }
    }
  }
}

Related searches

nature inspired color schemeswarm desert palettefloral design colorsbohemian color combinationseco friendly brand palette

Palette colors

Hex values

Color 1#F0C45C
·
Color 2#9AAB4C
·
Color 3#CE6A58
·
Color 4#90CCD1
·
Color 5#F5F0E4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
1.1:1Fail
1.4:1Fail
2
1.5:1Fail
1.4:1Fail
1.4:1Fail
2.2:1Fail
3
2.2:1Fail
1.4:1Fail
2:1Fail
3.2:1AA18
4
1.1:1Fail
1.4:1Fail
2:1Fail
1.6:1Fail
5
1.4:1Fail
2.2:1Fail
3.2:1AA18
1.6:1Fail

Similar palettes

More like Golden Oasis Bloom

View all earth
Desert Bloom Whisper
Arid Blossom
Arid Flower Sparkle
Arid Sands Mirage
Desert Bloom Oasis
Desert Bloom Oasis