Palette

Mythic Glade Amber

Warm, glowing hues inspired by a mystical forest glade, bathed in ancient amber light.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mythic Glade Amber 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 Mythic Glade Amber.

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

Data visualization

#B8860B#D2691E#F4A460#FFDAB9#8B4513

Palette guide

How to use Mythic Glade Amber

Overview

The 'Mythic Glade Amber' palette glows with warm, inviting hues inspired by a mystical forest glade bathed in ancient amber light. This rich collection features deep earthy brown, #8B4513, a radiant golden amber, #B8860B, and a vibrant burnt orange, #D2691E. Lighter, softer tones like #F4A460 and #FFDAB9 complete the spectrum, providing luminous highlights reminiscent of dappled sunlight. Designers and developers will find this palette excellent for creating cozy, elegant, and enchanting experiences, perfect for autumnal themes, fantasy settings, or branding that conveys warmth, tradition, and a touch of magic.

Best used for

Autumnal and harvest-themed marketing
Fantasy game environments and concept art
Artisanal food and beverage branding
Cozy interior design and home decor websites
Vintage or rustic-themed digital designs
Storytelling platforms with an enchanting mood

Suggested color roles

primary

Use #8B4513 as a solid, grounding base for backgrounds or primary structural elements, embodying ancient wood.

secondary

Employ #B8860B or #D2691E for content blocks, navigation, or to introduce a rich, warm energy.

accent

Apply #FFDAB9 for luminous highlights, interactive elements, or delicate details that need to shimmer.

background

Excellent for warm, inviting themes using #8B4513 or #D2691E as a rich, atmospheric backdrop.

text

Off-white or a light cream offers strong contrast on darker shades. For lighter backgrounds, a deep brown or charcoal is suitable.

Accessibility notes

Ensure high contrast for light text on #8B4513, #B8860B, and #D2691E.
Be cautious when pairing #F4A460 text on #FFDAB9 backgrounds, as contrast will be low.
For text on mid-tones like #F4A460, a darker brown or black text is generally required.
Consider larger font sizes or bolding for text elements on lighter amber shades to improve readability.

Recommended combinations

Amber Glow

A radiant amber core with lighter, glowing highlights, perfect for focal points and accents.

#B8860B · #F4A460 · #FFDAB9

Forest Hearth

Deep brown and warm oranges for a grounded, cozy, and inviting feel, ideal for backgrounds.

#8B4513 · #D2691E · #B8860B

Mythic Light

Combine warm oranges with the lightest cream for a soft, ethereal light effect in illustrations.

#D2691E · #FFDAB9 · #F4A460

CSS variables

:root {
  --mythic-glade-amber-1: #B8860B;
  --mythic-glade-amber-2: #D2691E;
  --mythic-glade-amber-3: #F4A460;
  --mythic-glade-amber-4: #FFDAB9;
  --mythic-glade-amber-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mythic-glade-amber": {
        1: "#B8860B",
        2: "#D2691E",
        3: "#F4A460",
        4: "#FFDAB9",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#B8860B

Color 2#D2691E

Color 3#F4A460

Color 4#FFDAB9

Color 5#8B4513

Accessibility

Contrast checker

1.1:1Fail

1.6:1Fail

2.5:1Fail

2.2:1Fail

1.1:1Fail

1.8:1Fail

2.8:1Fail

2:1Fail

1.6:1Fail

1.8:1Fail

1.5:1Fail

3.5:1AA18

2.5:1Fail

2.8:1Fail

1.5:1Fail

5.4:1AA

2.2:1Fail

2:1Fail

3.5:1AA18

5.4:1AA

Similar palettes

More like Mythic Glade Amber

Ancient Egyptian Gold

Ancient Gold Scroll